:root{

    --primary:#071A35;
    --primary-light:#102C4C;

    --accent:#2ECC71;
    --accent-hover:#39d97b;

    --gold:#D9B15F;

    --white:#ffffff;

    --text:#d8e4ef;
    --muted:#9db0c4;

    --glass:rgba(255,255,255,.05);

    --glass-border:rgba(255,255,255,.08);

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

    --radius:22px;

    --transition:.35s ease;

    --navbar-height:100;

}

*,
*::before,
*::after{

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:"Inter",sans-serif;

    background:var(--primary);

    color:var(--text);

    line-height:1.7;

    overflow-x:hidden;

}

img{

    max-width:100%;

    height:auto;

}

a{

    text-decoration:none;

    transition:var(--transition);

}

section{

    position:relative;

    padding:110px 0;

}

h1,h2,h3,h4,h5{

    font-family:"Poppins",sans-serif;

    font-weight:700;

    color:#fff;

    margin-bottom:1rem;

}

h1{

    font-size:clamp(3rem,6vw,4.5rem);

    line-height:1.1;

}

h2{

    font-size:clamp(2.25rem,5vw,3rem);

}

h3{

    font-size:1.5rem;

}

p{

    color:var(--muted);

    margin-bottom:1.2rem;

}

.lead{

    font-size:1.25rem;

}


#mainNav{

    height:var(--navbar-height);

    transition:.4s;

    background:transparent;

}

#mainNav.scrolled{

    background:rgba(7,26,53,.90);

    backdrop-filter:blur(18px);

    box-shadow:0 5px 25px rgba(0,0,0,.25);

}

.navbar-brand img{

    height:52px;

}

.nav-link{

    color:#fff;

    font-weight:600;

    margin-left:1rem;

}

.nav-link:hover{

    color:var(--accent);

}

.nav-link.active{

    color:var(--accent);

}

.dropdown-menu{

    background:#102C4C;

    border:none;

    border-radius:18px;

    padding:12px;

    box-shadow:var(--shadow);

}

.dropdown-item{

    color:#fff;

    border-radius:10px;

    padding:10px 15px;

}

.dropdown-item:hover{

    background:rgba(255,255,255,.08);

}



.btn{

    border-radius:999px;

    padding:14px 28px;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:linear-gradient(
        135deg,
        var(--accent),
        #17b95e
    );

    border:none;

}

.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(46,204,113,.35);

}

.btn-outline{

    color:#fff;

    border:2px solid rgba(255,255,255,.2);

}

.btn-outline:hover{

    background:rgba(255,255,255,.08);

}



.glass-card{

    background:var(--glass);

    border:1px solid var(--glass-border);

    backdrop-filter:blur(14px);

    border-radius:var(--radius);

    padding:35px;

    transition:var(--transition);

}

.glass-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);




#site-footer{

    background:#06152d;

    border-top:1px solid rgba(255,255,255,.05);

    padding:80px 0 35px;

}

.footer-logo{

}


.footer-links{

    list-style:none;

    padding:0;

}

.footer-links li{

    margin-bottom:12px;

}

.footer-links a{

    color:var(--muted);

}

.footer-links a:hover{

    color:var(--accent);

}

.footer-contact{

    list-style:none;

    padding:0;

}

.footer-contact li{

    margin-bottom:15px;

}

.footer-contact i{

    color:var(--accent);

    margin-right:10px;

}

.footer-divider{

    margin:50px 0 25px;

    opacity:.1;

}

.footer-small-link{

    color:var(--muted);

}

.footer-small-link:hover{

    color:#fff;

}






@media (max-width:991px){

    #mainNav{

        background:rgba(7,26,53,.95);

    }

    .navbar-brand img{

        height:42px;

    }

    section{

        padding:80px 0;

    }

}

@media (max-width:767px){

    h1{

        font-size:2.8rem;

    }

    h2{

        font-size:2rem;

    }

}
}


/* ==========================================================
   Reveal Animation
========================================================== */

.reveal{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

.reveal.revealed{

    opacity:1;

    transform:none;

}

.section{

    padding:120px 0;

}

.section-sm{

    padding:80px 0;

}

.section-lg{

    padding:160px 0;

}

/* ==========================================================
   Main Content
========================================================== */
body.page #content{

    padding-top: var(--navbar-height);

}

body.home #content{

    padding-top:0;

}

.page-hero{

    padding:160px 0 80px;

    background:
        radial-gradient(circle at top right,
        rgba(46,204,113,.12),
        transparent 45%),
        linear-gradient(180deg,#071A35,#0E2748);

    text-align:center;

}

.page-hero h1{

    margin-bottom:1rem;

}

.page-hero .lead{

    max-width:760px;

    margin:0 auto;

}