:root{--background:#0D0F14;--foreground:#F0EEE9;--surface:#13151C;--surface-warm:#15171E;--surface-elevated:#1A1D26;--border:#222530;--border-subtle:#1A1D26;--border-strong:#2E3140;--border-glow:rgba(217,70,239,0.15);--text-primary:#F0EEE9;--text-secondary:#B8B4AC;--text-muted:#6B6760;--text-inverse:#0D0F14;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.03);--shadow-lg:0 12px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);--shadow-xl:0 24px 64px rgba(0,0,0,0.6);--shadow-card-hover:0 20px 48px rgba(0,0,0,0.5),0 0 0 1px rgba(217,70,239,0.12);--shadow-glow-fuchsia:0 0 32px rgba(217,70,239,0.18),0 0 64px rgba(217,70,239,0.06);--shadow-glow-cyan:0 0 32px rgba(34,211,238,0.15),0 0 64px rgba(34,211,238,0.05);--shadow-glow-amber:0 0 24px rgba(251,191,36,0.12);--palette-primary:#E879F9;--palette-primary-dark:#D946EF;--palette-primary-light:#4A1D5E;--palette-primary-subtle:#2D1240;--teal-900:#F5D0FE;--teal-800:#E879F9;--teal-700:#D946EF;--teal-600:#C026D3;--teal-500:#A21CAF;--teal-400:#86198F;--teal-300:#701A75;--teal-200:#4A1D5E;--teal-100:#2D1240;--teal-50:#1A0D28;--cyan-500:#22D3EE;--cyan-400:#67E8F9;--cyan-100:#164E63;--cyan-50:#122E3B;--amber-600:#FDE68A;--amber-500:#FCD34D;--amber-400:#FBBF24;--amber-300:#B45309;--amber-200:#78350F;--amber-100:#451A03;--amber-50:#2D1405}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:rgba(13,15,20,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.04)}.glass-card{background:rgba(19,21,28,.6);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl)}.dot-grid{--dot-color:rgba(255,255,255,0.03)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at 50% 50%,rgba(217,70,239,.06),transparent 40%);opacity:0;transition:opacity var(--dur-normal) var(--ease-out);pointer-events:none}.card:hover:before{opacity:1}.card-featured{border:1px solid rgba(217,70,239,.25);box-shadow:var(--shadow-glow-fuchsia),var(--shadow-md)}.card-featured:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(217,70,239,.3),transparent 40%,transparent 60%,rgba(34,211,238,.2));z-index:-1;animation:border-glow 3s ease-in-out infinite}.btn-primary{background:linear-gradient(135deg,#E879F9,#C026D3);box-shadow:0 0 24px rgba(217,70,239,.25)}.btn-primary:hover{box-shadow:0 0 40px rgba(217,70,239,.4),0 8px 24px rgba(0,0,0,.3)}.btn-secondary{background:rgba(255,255,255,.04);border:1px solid var(--border-strong);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.btn-ghost:hover{background:rgba(255,255,255,.05)}.gradient-text{background:linear-gradient(135deg,#E879F9,#67E8F9 50%,#E879F9);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2.5rem;transition:all var(--dur-normal) var(--ease-out);position:relative;overflow:hidden}.bento-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at 80% 20%,rgba(217,70,239,.04),transparent 50%);pointer-events:none}.bento-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.ambient-glow-primary{background:radial-gradient(circle,rgba(217,70,239,.15) 0,transparent 65%);animation:pulse-glow 8s ease-in-out infinite}.ambient-glow-cyan{background:radial-gradient(circle,rgba(34,211,238,.12) 0,transparent 65%);animation:pulse-glow 10s ease-in-out infinite reverse}.ambient-glow-amber{background:radial-gradient(circle,rgba(251,191,36,.08) 0,transparent 65%)}.gradient-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-mesh:before{width:800px;height:800px;background:radial-gradient(circle,rgba(217,70,239,.2) 0,transparent 60%);filter:blur(80px);top:-20%;left:-10%;animation:float-slow 16s ease-in-out infinite}.gradient-mesh:after,.gradient-mesh:before{content:"";position:absolute;border-radius:50%}.gradient-mesh:after{width:600px;height:600px;background:radial-gradient(circle,rgba(34,211,238,.15) 0,transparent 60%);filter:blur(60px);bottom:-10%;right:-5%;animation:float-slow 14s ease-in-out infinite reverse}.gradient-mesh-2:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.1) 0,transparent 60%);filter:blur(60px);top:50%;left:60%;animation:float-slow 18s ease-in-out infinite}