:root{
--navy:#0d1b2a;
--gold:#c9a96e;
--light:#f8f8f8;
--white:#ffffff;
}

body{
font-family:Inter,sans-serif;
color:#222;
line-height:1.8;
background:#fff;
}

html,body{
overflow-x:hidden;
}

*{
box-sizing:border-box;
}

h1,h2,h3,h4{
font-family:"Playfair Display",serif;
font-weight:700;
}

.topbar{
background:var(--navy);
color:white;
padding:5px 0;
font-size:14px;
}

.premium-nav{
background:white;
padding:8px 0;
box-shadow:0 2px 20px rgba(0,0,0,.05);
transition:all .3s ease;
}


.premium-nav.scrolled{
padding:10px 0;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.premium-nav.scrolled{
background:#fff !important;
}

.premium-nav.scrolled .nav-link{
color:var(--navy) !important;
}

.premium-nav.scrolled .brand-logo{
color:var(--navy) !important;
}

.brand-logo{
font-size:32px;
font-weight:800;
color:var(--navy);
text-decoration:none;
}

.brand-logo span{
color:var(--gold);
}

.nav-link{
position:relative;
color:var(--navy)!important;
font-weight:500;
margin-left:30px;
}

.nav-link:after{
content:'';
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:var(--gold);
transition:.3s;
}

.nav-link:hover:after{
width:100%;
}


.btn-premium{
background:var(--navy);
color:white;
padding:12px 28px;
border-radius:0;
}

.btn-premium-lg{
background:var(--gold);
color: var(--navy);
padding:16px 42px;
text-decoration:none;
}

.btn-premium{
display:inline-block;
transition:all .3s ease !important;
}

.btn-premium:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.15);
color:#858282;
}

.btn-outline-premium{
border:2px solid var(--gold);
color:var(--gold);
padding:16px 42px;
text-decoration:none;
}

.hero-section{
max-height:100vh;
display:flex;
align-items:center;
padding-top:0;
padding-bottom:0;
}

.hero-wrap{
max-width:900px;
margin:0 auto;
text-align:center;
}

.hero-wrap h1{
font-size:52px;
letter-spacing:-0.5px;
max-width:900px;
margin:auto;
line-height:1.2;
color:var(--navy);
}

.hero-wrap p{
max-width:700px;
margin:25px auto;
font-size:22px;
}

.trust-badge{
display:block;
width:100%;
text-align:center;
margin:0 auto 20px auto;
color:var(--gold);
font-weight:600;
letter-spacing:1px;
}

.hero-buttons{
margin-top:25px;
}

.section-block{
padding:120px 0;
}

.light-section{
background:var(--light);
}


.dark-section{
background:var(--navy);
color:white;
}

.section-title h2{
font-size:54px;
}

.premium-panel{
background:white;
padding:50px;
box-shadow:0 10px 40px rgba(0,0,0,.06);
}

.service-box{
background:white;
padding:45px;
height:100%;
color:#222;
border-top:4px solid var(--gold);
}

.founder-box{
max-width:800px;
margin:auto;
text-align:center;
}

.article-card{
background:white;
padding:40px;
box-shadow:0 5px 30px rgba(0,0,0,.08);
height:100%;
}

.article-card a{
color:var(--gold);
font-weight:600;
text-decoration:none;
}

.contact-section{
background:var(--navy);
color:white;
padding:120px 0;
}

.form-control{
padding:18px;
border-radius:0;
border:none;
}

.premium-footer{
background:#08131f;
color:white;
padding:70px 0;
}

.trust-bar{
background:var(--gold);
padding:30px 0;
font-weight:600;
color:var(--navy);
}

.navbar-toggler-icon{
filter:none !important;
opacity:1 !important;
}

.login-page{
background:linear-gradient(
135deg,
#0d1b2a,
#13263a
);
min-height:100vh;
}

.login-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(20px);
padding:60px;
border:1px solid rgba(201,169,110,.25);
box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.login-card h2{
color:white;
font-size:42px;
margin-bottom:10px;
}

.login-card p{
color:#d8d8d8;
}

.login-icon i{
font-size:70px;
color:var(--gold);
}

.premium-input{
background:rgba(255,255,255,.08) !important;
border:1px solid rgba(255,255,255,.15) !important;
color:#858282;
padding:18px;
}

.premium-input::placeholder{
color:#cfcfcf;
}

.premium-input:focus{
background:rgba(255,255,255,.12);
border-color:var(--gold);
box-shadow:none;
color:black;
}

input.form-control.premium-input{
    background:rgba(255,255,255,.08) !important;
    border:1.5px solid rgba(201,169,110,.55) !important;
    color:#858282 !important;
    padding:18px;
    box-shadow:none !important;
}

input.form-control.premium-input:focus{
    background:rgba(255,255,255,.12) !important;
    border:1.5px solid var(--gold) !important;
    outline:none !important;
    box-shadow:0 0 0 2px rgba(201,169,110,.15) !important;
}

.forgot-link{
color:var(--gold);
text-decoration:none;
}

.forgot-link:hover{
text-decoration:underline;
}

@media(max-width:768px){
.hero-wrap h1{
font-size:44px;
}

.section-title h2{
font-size:36px;
}

.nav-link{
margin-left:0;
position:relative;
}

.navbar-light .navbar-toggler-icon{
filter:brightness(0);
}



}