/* ===========================================
   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);
    text-align: center;
    color: white;

    padding-top: 150px;
    padding-bottom: 150px;
}

.page-label{
    color:#b6ff00;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:18px;
}

.page-header h1{
    font-size:54px;
    margin-bottom:32px !important;
    color:white;
}

.page-subtitle{
    max-width:760px;
    margin: 0 auto !important;
    color:#d1d5db;
    font-size:20px;
    line-height:1.7;
}

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