/* ============================================================
   KAGE — Design Tokens
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#06060a; --bg2:#0a0a10; --panel:#101018; --panel2:#15151f; --panel3:#1b1b26;
  --line:#232330; --line2:#33333f;
  --txt:#f7f7fb; --muted:#8e8ea3; --muted2:#63637a;
  --accent:#ff2b5e; --accent2:#8b5cff; --accent3:#c8ff3d; --gold:#ffc93c; --ok:#22c55e;
  --r:16px; --r-sm:11px; --r-lg:26px;
  --shadow:0 26px 60px -26px rgba(0,0,0,.98);
  --glow:0 18px 50px -22px rgba(255,43,94,.75);
  --ff:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fd:'Archivo','Inter',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--txt);font-family:var(--ff);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.55;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(760px 420px at 12% -6%, rgba(255,43,94,.16), transparent 62%),
    radial-gradient(680px 420px at 88% 4%, rgba(139,92,255,.14), transparent 60%),
    radial-gradient(600px 400px at 50% 108%, rgba(200,255,61,.06), transparent 60%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0b0b11}
::-webkit-scrollbar-thumb{background:#2a2a36;border-radius:99px;border:3px solid #0b0b11}
::-webkit-scrollbar-thumb:hover{background:#3d3d4d}