/* ===========================================
   Variables
=========================================== */

:root {

    --primary: #f725c9;
    --primary-dark: #d81bb1;

    --secondary: #7c3aed;

    --dark: #0f172a;
    --dark-light: #1e293b;

    --white: #ffffff;

    --light: #f8fafc;

    --gray: #6b7280;

    --shadow: 0 15px 35px rgba(0,0,0,.15);

}


/* ===========================================
   Reset
=========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:var(--dark);
    color:white;
    line-height:1.6;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}


/* ======================================
   Interior Page Header
====================================== */

.page-header {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #ffffff;
    text-align: center;

    padding: 72px 0 64px;
}

.page-header .container {
    width: min(100% - 32px, 1000px);
    margin: 0 auto;
}

.page-label {
    margin: 0 0 16px;

    color: #b6ff00;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.page-header h1 {
    max-width: 850px;

    margin: 0 auto 20px !important;

    color: #ffffff;

    font-size: clamp(42px, 6vw, 58px);
    line-height: 1.1;
}

.page-subtitle {
    max-width: 760px;

    margin: 0 auto !important;

    color: #d1d5db;

    font-size: 18px;
    line-height: 1.65;
}


/* ======================================
   Tablet
====================================== */

@media (max-width: 900px) {

    .page-header {
        padding: 56px 0 48px;
    }

    .page-header .container {
        width: calc(100% - 28px);
    }

    .page-header h1 {
        font-size: clamp(36px, 7vw, 48px);
        line-height: 1.12;
    }

    .page-subtitle {
        font-size: 17px;
    }
}


/* ======================================
   Mobile
====================================== */

@media (max-width: 560px) {

    .page-header {
        padding: 42px 0 36px;
    }

    .page-header .container {
        width: calc(100% - 24px);
    }

    .page-label {
        margin-bottom: 12px;

        font-size: 13px;
        letter-spacing: 1.8px;
    }

    .page-header h1 {
        margin-bottom: 18px !important;

        font-size: clamp(30px, 8vw, 40px);
        line-height: 1.15;
    }

    .page-subtitle {
        font-size: 16px;
        line-height: 1.55;
    }
}

.site-header img.site-logo-img {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
}