:root{--color-primary-50:#f2f0ff;--color-primary-100:#ded7fe;--color-primary-200:#c2b6fb;--color-primary-300:#9b89f5;--color-primary-400:#765eed;--color-primary-500:#5336e2;--color-primary-600:#3d22c3;--color-primary-700:#331f93;--color-primary-800:#261966;--color-primary-900:#18113b;--color-accent-purple:#bf5af2;--color-accent-pink:#f25aa6;--color-accent-blue:#5aa6f2;--color-accent-cyan:#5ad8f2;--color-success:#1cca5b;--color-warning:#f59f0a;--color-error:#ef4343;--color-info:#0da2e7;--color-gray-50:#f9f9fb;--color-gray-100:#f0f0f5;--color-gray-200:#dcdce5;--color-gray-300:#b6b6c8;--color-gray-400:#8d8da5;--color-gray-500:#67677e;--color-gray-600:#464653;--color-gray-700:#303036;--color-gray-800:#1d1d20;--color-gray-900:#0f0f10;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"Fira Code","Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #a855f766;--shadow-glow-strong:0 0 40px #a855f799;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-slower:.5s;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.68,-.55,.265,1.55);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}.gradient-text{background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-purple),var(--color-accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glow-effect{box-shadow:var(--shadow-glow)}.glow-effect-strong{box-shadow:var(--shadow-glow-strong)}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #a855f7b3}50%{box-shadow:0 0 0 10px #a855f700}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientX{0%,to{background-position:0%}50%{background-position:100%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn var(--duration-base)var(--ease-out)}.animate-slide-up{animation:slideInUp var(--duration-base)var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-base)var(--ease-out)}.animate-shimmer{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-gradient-x{background-size:200% 200%;animation:3s infinite gradientX}