@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";body{margin:0;min-width:320px;min-height:100vh}:root{--primary-50: #e0f2fe;--primary-100: #bae6fd;--primary-200: #7dd3fc;--primary-300: #38bdf8;--primary-400: #0ea5e9;--primary-500: #0284c7;--primary-600: #0369a1;--primary-700: #075985;--primary-800: #0c4a6e;--primary-900: #082f49;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--secondary-50: #d1fae5;--secondary-100: #a7f3d0;--secondary-500: #10b981;--secondary-600: #059669;--secondary-700: #047857;--magenta-500: #ec4899;--magenta-600: #db2777;--success-50: #d1fae5;--success-100: #a7f3d0;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-text: #047857;--error-50: #fee2e2;--error-100: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-text: #b91c1c;--warning-50: #fef3c7;--warning-100: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--info-50: #dbeafe;--info-100: #bfdbfe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--neutral-0: #ffffff;--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;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, 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;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-tight: 1.25;--line-normal: 1.5;--line-relaxed: 1.75;--space-0: 0;--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;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-cyan: 0 0 20px rgba(6, 182, 212, .4);--shadow-magenta: 0 0 20px rgba(236, 72, 153, .4);--shadow-success: 0 0 20px rgba(16, 185, 129, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--bg-primary: #f8fafc;--bg-secondary: var(--neutral-0);--bg-tertiary: var(--neutral-50);--bg-elevated: var(--neutral-0);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-0);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300);--border-focus: var(--primary-500);--surface-overlay: rgba(0, 0, 0, .5);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--gradient-primary: linear-gradient(135deg, var(--primary-500), var(--cyan-500));--gradient-success: linear-gradient(135deg, var(--success-500), var(--secondary-500));--gradient-tech: linear-gradient(90deg, var(--cyan-500), var(--magenta-500));--gradient-dark: linear-gradient(135deg, var(--neutral-800), var(--neutral-900))}[data-theme=dark]{--neutral-0: #0a0e1a;--neutral-50: #0f172a;--neutral-100: #1e293b;--neutral-200: #334155;--neutral-300: #475569;--neutral-400: #64748b;--neutral-500: #94a3b8;--neutral-600: #cbd5e1;--neutral-700: #e2e8f0;--neutral-800: #f1f5f9;--neutral-900: #f8fafc;--bg-primary: #0a0e1a;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-elevated: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-900);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300);--surface-overlay: rgba(0, 0, 0, .7);--glass-bg: rgba(15, 23, 42, .85);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--success-50: rgba(16, 185, 129, .1);--error-50: rgba(239, 68, 68, .1);--warning-50: rgba(245, 158, 11, .1);--info-50: rgba(59, 130, 246, .1);--success-text: #6ee7b7;--error-text: #fca5a5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@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 slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{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 bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@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(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.stagger-item{animation:slideUp var(--transition-base) ease-out backwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-normal);color:var(--text-primary);background:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(2,132,199,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(2,132,199,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}[data-theme=dark] body:before{background:linear-gradient(rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:30px 30px}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 0% 0%,rgba(2,132,199,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.08) 0px,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] body:after{background:radial-gradient(at 0% 0%,rgba(6,182,212,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.12) 0px,transparent 50%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:1}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.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)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.gradient-text{background:var(--gradient-tech);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-bold)}.glow{text-shadow:0 0 20px rgba(6,182,212,.5)}.glow-success{text-shadow:0 0 20px rgba(16,185,129,.5)}.text-success{color:var(--success-500)}.text-error{color:var(--error-500)}.text-warning{color:var(--warning-500)}.text-info{color:var(--info-500)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-success{background:var(--success-50)}.bg-error{background:var(--error-50)}.bg-warning{background:var(--warning-50)}.bg-info{background:var(--info-50)}.border{border:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.neon-border{position:relative;border:1px solid transparent}.neon-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-tech);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.neon-border:hover:before{opacity:1}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-cyan{box-shadow:var(--shadow-cyan)}.shadow-success{box-shadow:var(--shadow-success)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base),border-color var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-cyan);border-color:var(--cyan-500)}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}[disabled],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media(max-width:640px){html{font-size:14px}body:before{background-size:20px 20px}}@media(min-width:1920px){html{font-size:18px}}