:root{
  --bg:#08080b;--bg2:#100e13;--card:#17151c;--card2:#211d28;--line:#2c2833;
  --txt:#f4f1ea;--mut:#9a9488;--mut2:#6b6659;--acc:#f5c451;--acc2:#7cc4ff;
  --gold:#ffd571;--ink:#1c1607;--red:#ff5d6c;--r:14px;--shadow:0 12px 44px rgba(0,0,0,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:radial-gradient(1200px 600px at 80% -10%,rgba(245,196,81,.10),transparent),
             radial-gradient(1000px 520px at 0% 0%,rgba(245,196,81,.05),transparent),var(--bg);
  color:var(--txt);min-height:100vh;-webkit-font-smoothing:antialiased}
.hidden{display:none!important}
button{font-family:inherit;cursor:pointer;border:none;outline:none}
.btn{background:linear-gradient(135deg,#ffd571,#e0a836);color:var(--ink);font-weight:800;
  padding:12px 18px;border-radius:11px;font-size:14px;transition:.15s}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.sec{background:var(--card2);color:var(--txt);border:1px solid var(--line)}
.btn.sm{padding:8px 13px;font-size:13px}
.btn.gold{background:linear-gradient(135deg,#ffe08a,#f0b73f);color:var(--ink)}
input,select{font-family:inherit;background:var(--bg2);border:1px solid var(--line);color:var(--txt);
  padding:12px 13px;border-radius:11px;font-size:15px;width:100%;color-scheme:dark}
input:focus{border-color:var(--acc)}
.logo{font-weight:900;font-size:21px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:8px}
.logo b{background:linear-gradient(135deg,#ffe08a,#e0a836);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo svg{display:block}
.pill{font-size:10px;font-weight:800;letter-spacing:.4px;padding:4px 9px;border-radius:999px;text-transform:uppercase}
.live{background:rgba(255,93,108,.14);color:var(--red)} .soon{background:rgba(124,196,255,.14);color:var(--acc2)}
.cuban{background:rgba(245,196,81,.15);color:var(--gold)}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--card);
  border:1px solid var(--acc);color:var(--txt);padding:13px 22px;border-radius:12px;font-size:14px;
  font-weight:600;z-index:200;box-shadow:var(--shadow)}
.toast.err{border-color:var(--red)}
