body{margin:0;font-family:Inter,Arial;background:#0f172a;color:#e5e7eb}
.navbar{display:flex;justify-content:space-between;padding:20px 40px;background:#020617}
.logo{color:#38bdf8;font-weight:800}
.navbar a{color:#c7d2fe;margin-left:20px;text-decoration:none}
.hero{text-align:center;padding:80px 20px}
.hero img{max-width:90%;border-radius:20px}
.hero button{margin-top:20px;padding:14px 28px;border:none;border-radius:30px;background:#38bdf8;color:#020617}
.section{padding:80px 40px;max-width:1100px;margin:auto}
.section.dark{background:#020617}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#020617;padding:30px;border-radius:16px;text-align:center}
footer{text-align:center;padding:30px;background:#020617;color:#94a3b8}