@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
body,html,input,select,textarea,button{font-family:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}
:root {
  --purple:#7C6AFF;--purple-dark:#5B4FD4;--purple-light:#9D8FFF;
  --pink:#FF6AC2;--teal:#00D4AA;--blue:#2563EB;--blue-light:#3B82F6;
  --orange:#F59E0B;--red:#EF4444;--green:#22C55E;
  --bg:#05050A;--bg-elevated:#0A0A12;--surface:#0F0F18;--surface-hover:#14142A;
  --card:#12121E;--card-hover:#1A1A2E;--border:#1E1E32;--border-light:#2A2A42;
  --text:#F0F0F8;--text-secondary:#C8C8D8;--text-muted:#7A7A94;--text-dim:#4A4A60;
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);
  --shadow-glow-purple:0 0 40px rgba(124,106,255,0.15);--shadow-glow-pink:0 0 40px rgba(255,106,194,0.12);--shadow-glow-teal:0 0 40px rgba(0,212,170,0.12);
  --gradient-brand:linear-gradient(135deg,var(--purple),var(--pink));--gradient-brand-h:linear-gradient(90deg,var(--purple),var(--teal),var(--pink));
  --gradient-surface:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);--gradient-card:linear-gradient(135deg,rgba(124,106,255,0.06),rgba(255,106,194,0.04));
  --transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);
}
[data-theme="light"]{
  --bg:#FFFFFF;--bg-elevated:#FFFFFF;--surface:#FFFFFF;--surface-hover:#F0F0F8;
  --card:#FFFFFF;--card-hover:#F5F5FF;--border:#E0E0EE;--border-light:#EAEAF4;
  --text:#0D0D14;--text-secondary:#3A3A50;--text-muted:#6A6A84;--text-dim:#9A9AB0;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);
}