:root { color-scheme: dark; --ink:#efe9df; --muted:#b9b1a5; --paper:#151412; --panel:#201e1a; --line:#39342c; --gold:#d9a441; --max:760px; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; background:radial-gradient(circle at top right,#342716 0,transparent 32rem),var(--paper); color:var(--ink); font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:#f4c86e; } a:hover { color:#ffe0a0; }
.shell { width:min(calc(100% - 2rem),var(--max)); margin:auto; }
header { background:rgb(21 20 18 / 88%); border-bottom:1px solid var(--line); }
.topbar { min-height:4.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { color:var(--ink); font-size:1.1rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
nav { display:flex; gap:1rem; } nav a { color:var(--muted); font-size:.92rem; text-decoration:none; } nav a:hover,nav a[aria-current="page"] { color:var(--gold); }
main { padding:4.5rem 0; } h1,h2 { line-height:1.15; } h1 { font-size:clamp(2.25rem,8vw,4.6rem); letter-spacing:-.055em; margin:.35rem 0 1.2rem; } h2 { font-size:1.45rem; margin:3rem 0 .75rem; }
.eyebrow { color:var(--gold); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.lede { color:var(--muted); font-size:1.18rem; max-width:62ch; }
.invite-page { min-height:calc(100vh - 10.2rem); display:flex; flex-direction:column; justify-content:center; padding:5rem 0; }.invite-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.35rem 0 0; }.invite-button,.discord-button { align-items:center; border-radius:.65rem; display:inline-flex; font-weight:900; gap:.75rem; justify-content:center; max-width:max-content; padding:1rem 1.25rem; text-decoration:none; transition:background .15s ease,transform .15s ease; }.invite-button { background:var(--gold); color:#17120a; }.invite-button:hover { background:#f4c86e; color:#17120a; transform:translateY(-2px); }.discord-button { border:1px solid var(--line); color:var(--ink); }.discord-button:hover { background:var(--panel); color:var(--ink); transform:translateY(-2px); }.invite-button span { font-size:1.25rem; line-height:1; }.invite-note { color:var(--muted); font-size:.9rem; margin:.75rem 0 0; }.invite-promise { margin:3rem 0 0; max-width:62ch; }
.grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:2.5rem 0; }.card,.promise { background:var(--panel); border:1px solid var(--line); border-radius:.75rem; padding:1.3rem; }.card h2 { margin:0 0 .45rem; }.card p { color:var(--muted); margin:0 0 1rem; }.card a { font-weight:700; text-decoration:none; }
.promise { margin:2rem 0; }.promise strong { color:var(--gold); }.notice { background:rgb(217 164 65 / 7%); border-left:3px solid var(--gold); color:var(--muted); margin:2rem 0; padding:.8rem 1rem; }
ul { padding-left:1.25rem; } li+li { margin-top:.45rem; } table { border-collapse:collapse; margin:1.25rem 0; width:100%; } th,td { border-bottom:1px solid var(--line); padding:.7rem; text-align:left; vertical-align:top; } th { color:var(--muted); font-size:.85rem; } code { background:#2c2924; border-radius:.3rem; color:#ffe0a0; padding:.12rem .32rem; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; padding:1.8rem 0 2.5rem; } @media(max-width:520px){.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:.65rem;padding:1rem 0}main{padding:3rem 0}}