:root{--bg:#0c0809;--ember:#d91e12;--glow:#ffd23a;--gold:#f5a623;--bone:#f1e8dc;--ash:#a39a94;--line:#2c2020;--panel:#120c0d}
*{box-sizing:border-box;margin:0}[hidden]{display:none!important}
body{background:var(--bg);color:var(--bone);font-family:"Segoe UI",system-ui,sans-serif;min-height:100vh}
a{color:var(--glow)}
.btn{background:linear-gradient(180deg,var(--glow),var(--gold));color:#3a0606;border:0;border-radius:10px;padding:13px 26px;font:800 15px inherit;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 8px 26px #f5a62340;transition:transform .15s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ffd23a66}.btn:active{transform:scale(.97)}.btn[disabled],.btn.off{filter:grayscale(.8);opacity:.6;pointer-events:none}
.ghost{background:transparent;color:var(--bone);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font:600 14px inherit;font-family:inherit;cursor:pointer;transition:.2s}
.ghost:hover{border-color:var(--bone);background:#ffffff0d}.ghost.red:hover{border-color:var(--ember);color:#ff8a80}
input,select,textarea{width:100%;background:#0c0809;border:1px solid var(--line);border-radius:9px;color:var(--bone);padding:11px 12px;font:14px inherit;font-family:inherit;outline:0;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:var(--glow);box-shadow:0 0 0 3px #ffd23a1f}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}