/* ══════════════════════════════════════
   TOKENS & RESET
══════════════════════════════════════ */
:root {
  --bg:#080808; --surface:#101010; --surface2:#181818; --surface3:#222;
  --border:#252525; --border2:#333;
  --accent:#e8ff00; --accent-rgb:232,255,0;
  --accent2:#ff4d00; --accent2-rgb:255,77,0;
  --text:#f2f2f2; --muted:#555; --muted2:#888;
  --success:#00e676; --danger:#ff1744; --info:#00b0ff; --warn:#ffab00;
  --radius:12px; --radius-lg:18px; --radius-sm:8px;
  --sidebar:240px;
  --transition:.18s cubic-bezier(.4,0,.2,1);
  --shadow-lg:0 32px 64px rgba(0,0,0,.7);
  --glow:0 0 24px rgba(232,255,0,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}
.page{overflow-x:hidden;max-width:100%}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}
::selection{background:rgba(232,255,0,.2);color:var(--text)}

/* ══════════════════════════════════════