:root { --bg:#030407; --ink:#e8ecf2; --muted:rgba(232,236,242,.68); --faint:rgba(232,236,242,.4); --line:rgba(232,236,242,.14); }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; background:radial-gradient(ellipse at 50% -10%, rgba(255,255,255,.07), transparent 60%) var(--bg); color:var(--ink); font:300 16px/1.75 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing:antialiased; }
main { max-width:720px; margin:0 auto; padding:56px 20px 96px; }
.back { display:inline-block; color:var(--muted); text-decoration:none; font-size:12px; letter-spacing:.24em; text-transform:uppercase; padding:10px 0; border-bottom:1px solid var(--line); }
.back:hover { color:var(--ink); }
.brand { margin:48px 0 8px; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:var(--faint); }
h1 { margin:0 0 8px; font-weight:300; font-size:clamp(30px,7vw,44px); line-height:1.15; letter-spacing:-.01em; }
.updated { color:var(--faint); font-size:13px; margin:0 0 40px; }
h2 { margin:40px 0 8px; font-weight:400; font-size:19px; }
p, li { color:var(--muted); }
ul { padding-left:20px; }
li { margin:6px 0; }
a { color:var(--ink); }
.box { margin-top:48px; padding:20px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.03); }
.box p { margin:0; }
nav.legal { margin-top:56px; padding-top:20px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px 24px; font-size:13px; }
nav.legal a { color:var(--muted); text-decoration:none; }
nav.legal a:hover { color:var(--ink); }