:root{--bg:#000;--accent:#ffc125;--text:#fff;--gray:#bbb;--card-bg:#0a0a0a;--border:#333}
:root[data-theme="light"]{--bg:#f5f5f5;--accent:#d4a017;--text:#1a1a1a;--gray:#555;--card-bg:#fff;--border:#ddd}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;transition:background 0.3s,color 0.3s}
.btn{background:linear-gradient(135deg,#ffd940 0%,#ffc125 100%);color:#000;border:none;border-radius:4px;padding:.7rem 1.2rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 14px rgba(255,217,64,0.5);transition:all 0.2s;font-size:0.85rem}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,217,64,0.6)}
.card{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.4)}
h1{color:var(--accent);font-size:1.3rem;margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:800}
h3{color:var(--gray);text-transform:uppercase;letter-spacing:0.5px;font-size:0.9rem;border-bottom:2px solid var(--accent);padding-bottom:8px;margin-top:0}
.muted{color:var(--gray)}
strong{color:var(--accent);font-weight:600}
code,pre{background:#050505;border-left:3px solid var(--accent);padding:12px;border-radius:2px;overflow:auto;display:block;word-break:break-all;font-size:0.9rem;margin-top:6px;font-family:monospace}