:root{
  --bg:#070b14;
  --bg-2:#0a1120;
  --bg-3:#101a30;
  --surface:rgba(255,255,255,.05);
  --surface-2:rgba(255,255,255,.07);
  --surface-3:rgba(255,255,255,.1);
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.18);
  --text:#ecf2ff;
  --muted:#a7b5d3;
  --soft:#8e9cbc;
  --primary:#66d6ff;
  --secondary:#a56eff;
  --success:#1fe7a0;
  --warning:#ffbe5b;
  --danger:#ff6f91;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --shadow-soft:0 12px 32px rgba(0,0,0,.24);
  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:20px;
  --radius-lg:28px;
  --radius-xl:36px;
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.25rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4rem;
  --space-9:6rem;
  --container:1240px;
  --font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display:Inter, ui-sans-serif, system-ui, sans-serif;
  --grad-main:linear-gradient(135deg, rgba(102,214,255,.28), rgba(165,110,255,.24));
  --grad-strong:linear-gradient(135deg, #66d6ff, #a56eff 65%, #1fe7a0);
  --grid-glow:radial-gradient(circle at 20% 20%, rgba(102,214,255,.24), transparent 34%), radial-gradient(circle at 80% 10%, rgba(165,110,255,.18), transparent 32%), radial-gradient(circle at 80% 70%, rgba(31,231,160,.14), transparent 28%);
}