:root { color-scheme: dark; --bg:#090b12; --card:#141824; --text:#f5f7ff; --muted:#a7afc3; --accent:#9b6cff; --line:#293044; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at top,#20163c 0,#090b12 34rem); color:var(--text); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(880px,calc(100% - 32px)); margin:0 auto; padding:72px 0; }
nav { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:64px; }
nav a, a { color:#cbb8ff; }
nav a { text-decoration:none; }
h1 { font-size:clamp(2.4rem,7vw,4.5rem); line-height:1.05; margin:0 0 20px; }
h2 { margin-top:42px; font-size:1.35rem; }
h3 { margin-top:28px; }
p,li { color:var(--muted); }
.lead { font-size:1.2rem; max-width:720px; }
.card { background:rgba(20,24,36,.92); border:1px solid var(--line); border-radius:20px; padding:24px; margin:24px 0; }
.button { display:inline-block; background:var(--accent); color:white; padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:650; }
.meta { color:var(--muted); font-size:.92rem; }
footer { border-top:1px solid var(--line); margin-top:64px; padding-top:24px; color:var(--muted); }
ul,ol { padding-left:22px; }
code { color:#ddd3ff; }