:root{--bg:#0b0f17;--card:#111827;--text:#e6edf3;--muted:#9fb3c8;--brand:#66d9e8;--accent:#7c4dff;}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:2rem}
.nav{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.nav a{padding:.5rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.05)}
.hero{background:linear-gradient(135deg, rgba(124,77,255,.2), rgba(102,217,232,.2));border-bottom:1px solid rgba(255,255,255,.08)}
.hero .container{padding:3rem 2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.btn{display:inline-block;background:var(--brand);color:#081018;padding:.7rem 1.1rem;border-radius:.6rem;font-weight:700}
.btn.secondary{background:transparent;border:1px solid var(--brand);color:var(--text)}
.section{padding:2rem 0}
.badge{display:inline-block;padding:.25rem .5rem;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;color:var(--muted);font-size:.85rem}
footer{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem}
small,.muted{color:var(--muted)}