:root { --bg:#111418; --fg:#e6e6e6; --muted:#9aa3ad; --accent:#c9a227; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column;
       background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, sans-serif; }
header, footer { display:flex; justify-content:space-between; align-items:center;
                 padding:16px 24px; }
footer { color:var(--muted); font-size:14px; justify-content:center; }
.brand { font-weight:700; color:var(--fg); text-decoration:none; }
nav a { margin-left:20px; color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--fg); }
main { flex:1; max-width:720px; margin:0 auto; padding:64px 24px; }
h1 { font-size:2.2rem; margin:0 0 16px; }
.btn { display:inline-block; padding:8px 18px; border:1px solid var(--accent);
       border-radius:6px; color:var(--accent); text-decoration:none; }
.btn[aria-disabled="true"] { opacity:.5; pointer-events:none; }