:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-secondary-50:#faf5ff;--color-secondary-100:#f3e8ff;--color-secondary-200:#e9d5ff;--color-secondary-300:#d8b4fe;--color-secondary-400:#c084fc;--color-secondary-500:#a855f7;--color-secondary-600:#9333ea;--color-secondary-700:#7c3aed;--color-secondary-800:#6b21a8;--color-secondary-900:#581c87;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--spacing-0:0rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,monospace;--font-size-xs:0.75rem;--font-size-sm:0.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-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--gradient-primary:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-600));--gradient-secondary:linear-gradient(135deg,var(--color-secondary-500),var(--color-primary-600));--gradient-surface:linear-gradient(135deg,var(--color-neutral-50),var(--color-primary-50));--gradient-hero:linear-gradient(135deg,var(--color-primary-50) 0%,#fff 50%,var(--color-secondary-50) 100%);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-slower:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--component-height-xs:1.5rem;--component-height-sm:2rem;--component-height-md:2.5rem;--component-height-lg:3rem;--component-height-xl:3.5rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-surface{background:var(--gradient-surface)}.bg-gradient-hero{background:var(--gradient-hero)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.text-gradient-primary,.text-gradient-secondary{-webkit-text-fill-color:transparent;color:transparent}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--color-neutral-900);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary:hover{background:var(--color-neutral-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-neutral-700);border:2px solid var(--color-neutral-200);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-secondary:hover{border-color:var(--color-neutral-300);background:var(--color-neutral-50);transform:translateY(-1px)}.card-elevated{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100);transition:all var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.focus-ring{outline:none;transition:all var(--transition-fast)}.focus-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.status-success{color:var(--color-success-600);background:var(--color-success-50)}.status-warning{color:var(--color-warning-600);background:var(--color-warning-50)}.status-error{color:var(--color-error-600);background:var(--color-error-50)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}