:root{--bg:#081320;--card:#10233a;--primary:#2b8cff;--text:#fff;--muted:#b8c4d4}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{padding:20px;background:#0b1828;position:sticky;top:0}
nav a{color:white;text-decoration:none;margin-right:18px}
.hero{padding:80px 20px;text-align:center}
.container{max-width:1200px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--card);padding:20px;border-radius:12px}
footer{padding:30px;text-align:center;background:#0b1828;color:var(--muted)}
.btn{background:var(--primary);padding:12px 20px;border-radius:8px;color:white;text-decoration:none}