body{
font-family:'Inter',sans-serif;
margin:0;
background:#F6F8FC;
}

/* NAVBAR */

.premium-nav{
padding:20px 0;
transition:.4s;
background:transparent;
}

.premium-nav.scrolled{
background:rgba(11,28,61,.95);
backdrop-filter:blur(10px);
box-shadow:0 10px 40px rgba(0,0,0,.2);
padding:12px 0;
}

.navbar-brand{color:white!important;font-weight:700}
.brand-accent{color:#FF9800}

.nav-link{
color:white!important;
margin:0 12px;
position:relative;
}

.nav-link::after{
content:'';
position:absolute;
bottom:-6px;
left:0;
width:0%;
height:2px;
background:#FF9800;
transition:.3s;
}

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

.btn-premium{
background:linear-gradient(45deg,#FF9800,#ffb74d);
border:none;
color:#000;
padding:10px 22px;
border-radius:30px;
font-weight:600;
transition:.3s;
}

.btn-premium:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(255,152,0,.4);
}

/* HERO */

.hero-premium{
min-height:100vh;
background:
linear-gradient(135deg,#0B1C3Dcc,#1F4FD8cc),
url(images/hero.jpg);
background-size:cover;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
padding-top:120px;
}

.hero-glass-card{
background:rgba(255,255,255,.15);
backdrop-filter:blur(10px);
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,.25);
color:white;
}

/* SECTIONS */

.section{padding:120px 0}

.bg-soft{
background:linear-gradient(180deg,#F6F8FC,#ffffff);
}

/* CARDS */

.pro-card{
background:white;
padding:40px;
border-radius:24px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
transition:.4s;
}

.pro-card:hover{
transform:translateY(-15px) scale(1.05);
box-shadow:0 30px 70px rgba(0,0,0,.15);
}

/* CTA */

.cta{
background:linear-gradient(135deg,#0B1C3D,#1F4FD8);
padding:100px 0;
}

/* FOOTER */

footer{
background:#0B1C3D;
color:white;
padding:50px 0;
}

footer h5{color:#FF9800}

@media(max-width:768px){
.hero-premium{padding-top:150px}
.section{padding:70px 0}
}

/* ===========================
   PREMIUM FOOTER
=========================== */

.premium-footer{
background:#0B1C3D;
color:white;
padding:80px 0 30px;
position:relative;
}

.premium-footer:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#FF9800,#ffb74d);
}

.premium-footer h4{
color:#FF9800;
font-weight:700;
margin-bottom:15px;
}

.premium-footer h6{
font-weight:600;
margin-bottom:15px;
}

.premium-footer p{
color:#cbd5e1;
font-size:14px;
}

.premium-footer ul{
list-style:none;
padding:0;
}

.premium-footer ul li{
margin-bottom:8px;
color:#cbd5e1;
}

.premium-footer ul li a{
color:#cbd5e1;
transition:.3s;
}

.premium-footer ul li a:hover{
color:#FF9800;
padding-left:5px;
}

/* Newsletter */

.newsletter{
display:flex;
gap:8px;
}

.newsletter input{
flex:1;
padding:8px 12px;
border-radius:20px;
border:none;
outline:none;
}

.newsletter button{
background:#FF9800;
border:none;
padding:8px 18px;
border-radius:20px;
font-weight:600;
}

/* Divider */

.premium-footer hr{
border-color:rgba(255,255,255,.15);
margin:40px 0 20px;
}

/* Bottom */

.footer-bottom{
color:#9ca3af;
font-size:13px;
}