*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#08111F;color:#fff;line-height:1.7}
.container{width:min(92%,1200px);margin:auto}
#navbar{position:fixed;top:0;width:100%;z-index:1000;padding:18px 0;transition:.3s}
#navbar.scrolled{background:#08111F;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.nav-container{display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.2rem}
.brand img{width:52px;border-radius:12px}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{text-decoration:none;color:#fff}
.nav-links a:hover{color:#F4C542}
.nav-btn,.btn{display:inline-block;padding:14px 28px;border-radius:40px;font-weight:600;text-decoration:none;transition:.3s}
.nav-btn,.primary-btn{background:#F4C542;color:#08111F}
.secondary-btn{border:2px solid #fff;color:#fff}
.btn:hover,.nav-btn:hover,.card:hover{transform:translateY(-4px)}
header{min-height:100vh;background:linear-gradient(rgba(8,17,31,.72),rgba(8,17,31,.92)),url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1800&q=80') center/cover}
.overlay{min-height:100vh;display:flex;align-items:center}
.hero{text-align:center;padding-top:80px}
.hero-logo{width:140px;border-radius:18px;margin-bottom:20px}
.hero-tag{letter-spacing:4px;color:#F4C542;font-weight:700;text-transform:uppercase}
.hero h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:20px 0}
.hero p{max-width:760px;margin:auto;color:#d1d5db}
.hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:40px 0}
.hero-highlights{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;color:#F4C542;font-weight:600}
.section{padding:90px 0}
.dark-section{background:#0d1728}
.section-title{text-align:center;margin-bottom:40px}
.section-title h2{font-size:2.2rem;margin-bottom:10px}
.section-title p{max-width:800px;margin:auto;color:#cbd5e1}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;transition:.3s;backdrop-filter:blur(8px)}
.card-icon{font-size:2rem;margin-bottom:12px}
.contact-card{text-decoration:none;color:#fff}
footer{background:#060d18;padding:60px 20px;text-align:center}
.footer-logo{width:80px;border-radius:14px;margin-bottom:15px}
.footer-tagline{color:#F4C542;margin-bottom:25px}
.socials{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}
.socials a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#122038;color:#fff;text-decoration:none}
.socials a:hover{background:#F4C542;color:#08111F}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.3)}
@media(max-width:900px){
.nav-links{display:none}
.hero-highlights{flex-direction:column;gap:12px}
}