*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#0b1220;color:#e5e7eb}
header{padding:20px;background:#111827;position:sticky;top:0}
nav a{color:#86efac;margin-right:18px;text-decoration:none}
.hero{padding:80px 20px;text-align:center}
.hero img{max-width:100%;border-radius:16px}
.container{max-width:1100px;margin:auto;padding:40px 20px}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.card{flex:1;min-width:280px;background:#1f2937;padding:20px;border-radius:14px}
.btn{background:#22c55e;color:white;padding:12px 18px;border-radius:8px;text-decoration:none}
footer{padding:30px;background:#111827;text-align:center}