:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-18: 18px;--spacer-0: 0px;--spacer-2: 2px;--spacer-4: 4px;--spacer-6: 6px;--spacer-8: 8px;--spacer-10: 10px;--spacer-12: 12px;--spacer-14: 14px;--spacer-16: 16px;--spacer-20: 20px;--spacer-24: 24px;--spacer-28: 28px;--spacer-32: 32px;--spacer-36: 36px;--spacer-40: 40px;--spacer-48: 48px;--spacer-56: 56px;--spacer-64: 64px;--spacer-18: 18px;--font-family-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-family-heading: var(--font-family-sans);--font-family-default: var(--font-family-sans);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-strong: 600;--font-weight-code: 450;--font-weight-body: 400;--text-xs: 11px;--text-xs-line-height: 14px;--text-sm: 12px;--text-sm-line-height: 16px;--text-base: 13px;--text-base-line-height: 18px;--text-md: 14px;--text-md-line-height: 20px;--text-lg: 15px;--text-lg-line-height: 22px;--text-xl: 16px;--text-xl-line-height: 24px;--text-2xl: 18px;--text-2xl-line-height: 28px;--text-3xl: 20px;--text-3xl-line-height: 30px;--text-4xl: 24px;--text-4xl-line-height: 32px;--text-5xl: 28px;--text-5xl-line-height: 36px;--text-6xl: 32px;--text-6xl-line-height: 40px;--body-xs-font-size: 12px;--body-xs-line-height: 16px;--body-sm-font-size: 13px;--body-sm-line-height: 18px;--body-sm-font-weight: 500;--body-md-font-size: 14px;--body-md-line-height: 20px;--body-md-strong-font-size: 14px;--body-md-strong-font-weight: 500;--body-base-font-size: 15px;--body-base-line-height: 22px;--body-base-strong-font-size: 15px;--body-base-strong-font-weight: 500;--heading-3xs-font-size: 12px;--heading-2xs-font-size: 13px;--heading-xs-font-size: 14px;--heading-sm-font-size: 18px;--heading-md-font-size: 24px;--heading-lg-font-size: 28px;--heading-xl-font-size: 32px;--heading-2xl-font-size: 36px;--heading-3xl-font-size: 40px;--heading-sm-font-weight: 600;--heading-md-font-weight: 600;--heading-md-line-height: 32px;--heading-lg-font-weight: 600;--heading-xl-font-weight: 600;--heading-xl-line-height: 40px;--heading-2xl-font-weight: 600;--heading-2xl-line-height: 44px;--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-tertiary: #161619;--bg-quaternary: #1c1c20;--bg-card: #121215;--bg-card-hover: #18181c;--bg-surface: #101013;--bg-surface-elevated: #1a1a1e;--bg-menu: var(--bg-secondary);--bg-overlay-1: rgba(255, 255, 255, .02);--bg-overlay-2: rgba(255, 255, 255, .04);--bg-overlay-3: rgba(255, 255, 255, .06);--bg-overlay-4: rgba(255, 255, 255, .08);--bg-overlay-5: rgba(255, 255, 255, .12);--bg-overlay-l1: rgba(255, 255, 255, .02);--bg-overlay-l2: rgba(255, 255, 255, .04);--bg-overlay-l3: rgba(255, 255, 255, .06);--bg-overlay-l4: rgba(255, 255, 255, .08);--bg-elevated-default: #161619;--bg-elevated-hover: #1c1c20;--bg-brand-surface: rgba(0, 212, 123, .08);--bg-danger: rgba(239, 68, 68, .12);--bg-base-default: var(--bg-primary);--bg-base-secondary: var(--bg-secondary);--bg-base-tertiary: var(--bg-tertiary);--brand-primary: #00D47B;--brand-primary-light: #33E09A;--brand-primary-dark: #00B368;--brand-secondary: #00D47B;--brand-secondary-light: #33E09A;--brand-accent: #00D47B;--brand-accent-light: #33E09A;--brand-warning: #f59e0b;--brand-danger: #ef4444;--brand-danger-light: #f87171;--brand-success: #22c55e;--bg-brand: var(--brand-primary);--bg-brand-hover: var(--brand-primary-light);--bg-brand-disabled: rgba(0, 212, 123, .2);--bg-brand-popup: rgba(0, 212, 123, .12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-disabled: #334155;--text-on-dark: #ffffff;--text-on-brand: #ffffff;--text-onbrand: #0c0c0d;--text-onaccent: #0c0c0d;--text-default: var(--text-primary);--text-default-hover: #f5f9fe;--text-secondary-hover: #d1d3db;--text-disabled: #666b75;--text-brand: var(--brand-primary);--text-brand-hover: var(--brand-primary-light);--text-danger: var(--brand-danger);--border-default: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .16);--border-brand: rgba(0, 212, 123, .3);--border-brand-l1: rgba(0, 212, 123, .2);--border-focus: rgba(0, 212, 123, .5);--border-neutral-l1: var(--border-default);--border-neutral-l2: var(--border-light);--border-neutral-l3: var(--border-medium);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .35);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .45), 0 12px 24px rgba(0, 0, 0, .4);--shadow-card: var(--shadow-lg);--shadow-card-hover: var(--shadow-xl);--shadow-elevation-1: var(--shadow-sm);--shadow-elevation-2: var(--shadow-md);--shadow-elevation-3: var(--shadow-lg);--shadow-glow-purple: 0 0 20px rgba(0, 212, 123, .15), 0 0 40px rgba(0, 212, 123, .08);--shadow-glow-cyan: 0 0 20px rgba(0, 212, 123, .12), 0 0 40px rgba(0, 212, 123, .06);--shadow-glow-green: 0 0 20px rgba(0, 212, 123, .15), 0 0 40px rgba(0, 212, 123, .08);--gradient-brand: linear-gradient(135deg, #00D47B 0%, #00B368 100%);--gradient-brand-vertical: linear-gradient(180deg, #00D47B 0%, #00B368 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, transparent 100%);--gradient-hover: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .02) 100%);--glass-bg: rgba(15, 15, 18, .7);--glass-bg-strong: rgba(15, 15, 18, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(12px);--glass-blur-strong: blur(20px);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--z-index-base: 0;--z-index-content: 1;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-toast: 700;--z-index-tooltip: 800;--z-base: 0;--z-surface: 1;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--icon-default: #94a3b8;--icon-default-hover: #f1f5f9;--icon-secondary: #9599a6;--icon-secondary-hover: #d1d3db;--icon-tertiary: #666b75;--icon-muted: #64748b;--icon-active: #00D47B;--icon-brand: #00D47B;--icon-onbrand: #0c0c0d;--icon-onaccent: #0c0c0d;--rgb-brand: 0, 212, 123;--rgb-cyan: 0, 212, 123;--rgb-violet: 51, 224, 154;--rgb-surface: 15, 15, 18;--rgb-surface-deep: 9, 9, 11;--rgb-border: 255, 255, 255;--rgb-shadow: 0, 0, 0;--viz-cyan: #00D47B;--viz-purple: #33E09A;--viz-green: #00D47B;--viz-orange: #f59e0b;--viz-pink: #ec4899;--viz-blue: #00B368;--viz-teal: #14b8a6;--viz-indigo: #33E09A;--accent-teal: #00D47B;--accent-cyan: #33E09A;--accent-violet: #33E09A;--neon-green: #00FF88;--neon-cyan: #33E09A;--neon-violet: #33E09A;--neon-green-glow: rgba(50, 240, 140, .4);--special-white: #ffffff;--special-black: #000000;--status-primary-default: #00D47B;--status-success-default: #33c192;--status-warning-default: #d27e24;--status-error-default: #f65a5a;--status-error-surface-l1: rgba(246, 70, 70, .18);--status-warning-surface-l1: rgba(210, 126, 36, .16);--color-background: var(--bg-primary);--color-surface: var(--bg-secondary);--color-surface-variant: var(--bg-tertiary);--color-card: var(--bg-card);--color-border: var(--border-default);--color-border-light: var(--border-light);--color-border-medium: var(--border-medium);--color-primary: var(--brand-primary);--color-primary-light: var(--brand-primary-light);--color-accent: var(--brand-secondary);--color-success: var(--brand-success);--color-warning: var(--brand-warning);--color-danger: var(--brand-danger);--color-foreground: var(--text-primary);--color-muted-foreground: var(--text-secondary);--color-disabled-foreground: var(--text-muted);--noise-opacity: .03;--scanline-opacity: .02;--site-canvas: var(--bg-primary);--bg-layout-1: var(--bg-secondary);--bg-layout-2: var(--bg-overlay-1);--border-1: var(--border-default);--body-sm-font-family: var(--font-family-sans);--body-xs-font-family: var(--font-family-sans);--heading-xs-font-family: var(--font-family-sans);--heading-xs-font-size: 16px;--code-editor-font-family: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--z-dropdown: 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{min-height:100vh;color:var(--text-secondary);background-color:var(--bg-primary);font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--text-base-line-height);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,123,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,179,104,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,212,123,.02) 0%,transparent 60%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer;font:inherit;color:inherit;border:none;background:transparent}input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:#00d47b4d;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--text-primary)}.h-6xl{font-size:var(--text-6xl)}.h-5xl{font-size:var(--text-5xl)}.h-4xl{font-size:var(--text-4xl)}.h-3xl{font-size:var(--text-3xl)}.h-2xl{font-size:var(--text-2xl)}.h-xl{font-size:var(--text-xl)}.h-lg{font-size:var(--text-lg)}.h-md{font-size:var(--text-md)}.h-sm{font-size:var(--text-sm)}.text-body-xl{font-size:var(--text-xl);line-height:var(--text-xl-line-height)}.text-body-lg{font-size:var(--text-lg);line-height:var(--text-lg-line-height)}.text-body-base{font-size:var(--text-base);line-height:var(--text-base-line-height)}.text-body-md{font-size:var(--text-md);line-height:var(--text-md-line-height)}.text-body-sm{font-size:var(--text-sm);line-height:var(--text-sm-line-height)}.text-body-xs{font-size:var(--text-xs);line-height:var(--text-xs-line-height)}.text-mono{font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:1.5}.text-gradient-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-heading{position:relative;display:inline-flex;align-items:center;gap:var(--spacer-8)}.section-heading:after{content:"";width:32px;height:2px;border-radius:var(--radius-full);background:var(--gradient-brand)}@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 shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px 0 var(--neon-green-glow)}50%{box-shadow:0 0 20px 6px var(--neon-green-glow)}}@keyframes counterUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px var(--neon-green-glow),inset 0 0 5px #00ff881a}50%{box-shadow:0 0 25px var(--neon-green-glow),0 0 50px #00ff8826,inset 0 0 15px #00ff881a}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-brand{color:var(--brand-primary)}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.bg-surface{background:var(--bg-secondary)}.bg-elevated{background:var(--bg-tertiary)}.border-subtle{border:1px solid var(--border-default)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacer-24)}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacer-8)}.gap-md{gap:var(--spacer-16)}.gap-lg{gap:var(--spacer-24)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass--subtle{background:#16161f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-default)}.glass--brand{background:#00d47b14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,212,123,.2)}.glow-brand{box-shadow:var(--shadow-glow-purple)}.glow-brand-strong{box-shadow:0 0 30px #00d47b40,0 0 60px #00d47b1a}.glow-error{box-shadow:0 0 16px #ef444426,0 0 40px #ef44440d}.transition-smooth{transition:all var(--transition-normal)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}