:root { --bg:#0b0c10; --fg:#f5f7ff; --muted:rgba(245,247,255,.75); --card:rgba(255,255,255,.06); --border:rgba(255,255,255,.12); }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background:radial-gradient(1100px 600px at 15% 10%, rgba(120,80,255,.25), transparent 60%),
             radial-gradient(900px 500px at 80% 30%, rgba(0,200,255,.20), transparent 55%), var(--bg);
     color:var(--fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; line-height:1.55}
a{color:inherit}
.page{max-width:980px;margin:0 auto;padding:56px 20px}
.header h1{margin:0;font-size:44px;letter-spacing:-.03em}
.header p{margin:6px 0 0;color:var(--muted)}
.nav{margin-top:14px;display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}
.card{margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card);backdrop-filter:blur(10px)}
.card h2{margin:0 0 8px}