:root{--primary-50: #ecfeff;--primary-100: #cffafe;--primary-200: #a5f3fc;--primary-300: #67e8f9;--primary-400: #22d3ee;--primary-500: #06b6d4;--primary-600: #0891b2;--primary-700: #0e7490;--primary-800: #155e75;--primary-900: #164e63;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--accent-800: #6b21a8;--accent-900: #581c87;--magenta-400: #f472b6;--magenta-500: #ec4899;--magenta-600: #db2777;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-950: #020617;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--bg-primary: #030712;--bg-secondary: #0a0f1a;--bg-tertiary: #111827;--surface-1: rgba(15, 23, 42, .8);--surface-2: rgba(30, 41, 59, .6);--surface-3: rgba(51, 65, 85, .4);--surface-glass: rgba(15, 23, 42, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-subtle: rgba(148, 163, 184, .1);--border-default: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .3);--border-glow: rgba(6, 182, 212, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow-sm: 0 0 15px rgba(6, 182, 212, .3);--shadow-glow-md: 0 0 30px rgba(6, 182, 212, .4);--shadow-glow-lg: 0 0 50px rgba(6, 182, 212, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,#0a1628 100%)}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(6,182,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary-500),transparent);top:-200px;right:-150px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-600),transparent);bottom:-150px;left:-100px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--magenta-500),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--primary-400);border-radius:50%;opacity:0;animation:particleFloat 15s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:2s}.particle:nth-child(3){left:30%;animation-delay:4s}.particle:nth-child(4){left:40%;animation-delay:6s}.particle:nth-child(5){left:50%;animation-delay:8s}.particle:nth-child(6){left:60%;animation-delay:10s}.particle:nth-child(7){left:70%;animation-delay:1s}.particle:nth-child(8){left:80%;animation-delay:3s}.particle:nth-child(9){left:90%;animation-delay:5s}.particle:nth-child(10){left:95%;animation-delay:7s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.glass{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-strong{background:#0f172ad9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-default)}.glass-card{background:linear-gradient(135deg,#0f172acc,#1e293b99);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-400),var(--primary-500));box-shadow:var(--shadow-lg),var(--shadow-glow-md);transform:translateY(-2px)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;box-shadow:var(--shadow-md),0 0 20px #a855f74d}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-400),var(--accent-500));box-shadow:var(--shadow-lg),0 0 30px #a855f766;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--error-400),var(--error-500));transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #06b6d433}.input-error{border-color:var(--error-500)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.textarea{min-height:120px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:var(--space-10);cursor:pointer}.card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--primary-500),var(--accent-500),var(--magenta-500));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.card-glow:hover:before{opacity:.5}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-success{background:#22c55e26;color:var(--success-400);border:1px solid rgba(34,197,94,.3)}.badge-warning{background:#f59e0b26;color:var(--warning-400);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444426;color:var(--error-400);border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:var(--info-400);border:1px solid rgba(59,130,246,.3)}.badge-primary{background:#06b6d426;color:var(--primary-400);border:1px solid rgba(6,182,212,.3)}.badge-accent{background:#a855f726;color:var(--accent-400);border:1px solid rgba(168,85,247,.3)}.badge-neutral{background:#94a3b826;color:var(--neutral-400);border:1px solid rgba(148,163,184,.3)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:1.3;letter-spacing:-.01em}.heading-3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.4}.heading-4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1.4}.text-gradient{background:linear-gradient(135deg,var(--primary-400),var(--accent-400),var(--magenta-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.container{padding:0 var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}