:root{--bg:#0b1020;--fg:#f4efe6;--gold:#c9a227;--muted:#9aa3b5;--panel:#141a2c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 80% -10%,#2a2140 0,transparent 55%),radial-gradient(900px 500px at 0 100%,#1a2a22 0,transparent 50%),var(--bg);color:var(--fg);font-family:Segoe UI,Tahoma,sans-serif}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.03em;margin:0 0 .35rem;color:var(--gold)}.sub{color:var(--muted);margin-bottom:2rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.btn,button{background:linear-gradient(135deg,#d4b84a,#a67c00);color:#1a1408;border:0;border-radius:10px;padding:.75rem 1.1rem;font-weight:700;cursor:pointer}button.secondary{background:var(--panel);color:var(--fg);border:1px solid #2c3550}.panel{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid #243049;border-radius:14px;padding:1rem 1.1rem;margin-top:1rem;white-space:pre-wrap;word-break:break-word;font-size:.92rem}nav a{color:var(--muted);margin-left:1rem;text-decoration:none}