body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#fff;line-height:1.6}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;position:fixed;top:0;width:84%;z-index:10;background:rgba(11,16,32,.85)}
.nav a{color:#fff;text-decoration:none;margin-left:20px}
.brand{font-weight:bold;color:#d4af37;letter-spacing:2px}
.hero{min-height:100vh;background:linear-gradient(135deg,#08101f,#16294d);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.hero-logo{max-width:260px;width:100%;height:auto;margin-bottom:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero-content h1{font-size:3rem;margin-bottom:10px;color:#d4af37}
.hero-content p{font-size:1.2rem;max-width:700px}
.btn{display:inline-block;margin-top:20px;padding:12px 28px;background:#d4af37;color:#08101f;text-decoration:none;border-radius:30px;font-weight:bold}
.section{padding:90px 8%}
.section h2{color:#d4af37}
.dark{background:#111827}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1f2937;padding:24px;border-radius:16px}
@media(max-width:768px){.nav{width:100%;left:0;box-sizing:border-box}.menu{display:none}.hero-content h1{font-size:2rem}}