:root { color-scheme: dark; --bg:#080b12; --panel:#111827; --ink:#eef2ff; --muted:#aab4ca; --gold:#e3b95c; --line:#2b3548; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top,#182033 0,var(--bg) 45%); color:var(--ink); }
main { width:min(1040px,calc(100% - 32px)); margin:auto; padding:64px 0; }
header { padding:48px 0 30px; border-bottom:1px solid var(--line); }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; }
h1 { font-size:clamp(2.4rem,7vw,5.6rem); line-height:1; margin:.25em 0; letter-spacing:-.045em; }
h2 { margin-top:2.4rem; font-size:1.6rem; }
p,li { max-width:76ch; }
.lead { color:var(--muted); font-size:1.15rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:28px 0; }
.card { background:rgba(17,24,39,.88); border:1px solid var(--line); border-radius:14px; padding:20px; }
.label { color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.value { font-weight:650; overflow-wrap:anywhere; }
.notice { border-left:3px solid var(--gold); padding:12px 18px; background:#151a27; }
a { color:#8fc7ff; }
code { color:#f4cf7a; overflow-wrap:anywhere; }
footer { color:var(--muted); border-top:1px solid var(--line); margin-top:52px; padding-top:24px; }