:root { color-scheme: dark; --bg:#080809; --panel:#111113; --text:#f5f1e8; --muted:#b6ad9e; --gold:#d7b46a; --line:#28241e; }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top,#17130d,var(--bg) 42%); color:var(--text); line-height:1.58; }
header, main, footer { width:min(920px, calc(100% - 36px)); margin:0 auto; }
header { padding:42px 0 24px; border-bottom:1px solid var(--line); }
.brand { color:var(--gold); font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:13px; }
h1 { font-size:clamp(32px,6vw,58px); line-height:1.02; margin:12px 0 10px; }
.subtitle { color:var(--muted); font-size:18px; max-width:680px; }
nav { margin-top:22px; display:flex; gap:14px; flex-wrap:wrap; }
a { color:var(--gold); text-decoration:none; }
a:hover { text-decoration:underline; }
nav a { border:1px solid var(--line); padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.025); }
main { padding:30px 0 56px; }
.card { background:rgba(17,17,19,.82); border:1px solid var(--line); border-radius:22px; padding:26px; box-shadow:0 20px 70px rgba(0,0,0,.28); }
h2, h3 { color:var(--gold); margin-top:30px; }
hr { border:0; border-top:1px solid var(--line); margin:26px 0; }
table { width:100%; border-collapse:collapse; margin:20px 0; overflow:hidden; border-radius:14px; }
th, td { border:1px solid var(--line); padding:10px 12px; vertical-align:top; }
th { color:var(--gold); text-align:left; background:#15130f; }
li { margin:7px 0; }
footer { color:var(--muted); border-top:1px solid var(--line); padding:24px 0 42px; font-size:14px; }
.button { display:inline-block; margin-top:18px; background:var(--gold); color:#15110a; font-weight:700; padding:11px 15px; border-radius:12px; }