:root{--neutral-950: #ffffff;--neutral-900: #fafafa;--neutral-850: #f5f5f5;--neutral-800: #eeeeee;--neutral-750: #e4e4e4;--neutral-700: #d4d4d4;--neutral-600: #b8b8b8;--neutral-500: #909090;--neutral-400: #686868;--neutral-300: #484848;--neutral-200: #2e2e2e;--neutral-100: #1a1a1a;--neutral-50: #0d0d0d;--neutral-0: #000000;--accent-600: #111111;--accent-500: #333333;--accent-400: #555555;--accent-glow: rgba(0, 0, 0, .06);--success-500: #16a34a;--success-400: #15803d;--success-bg: rgba(22, 163, 74, .07);--warning-500: #d97706;--warning-400: #b45309;--warning-bg: rgba(217, 119, 6, .07);--error-500: #dc2626;--error-400: #b91c1c;--error-bg: rgba(220, 38, 38, .07);--info-500: var(--neutral-300);--info-bg: rgba(0, 0, 0, .05);--bg-base: var(--neutral-950);--bg-surface: var(--neutral-900);--bg-elevated: var(--neutral-850);--bg-overlay: var(--neutral-800);--bg-subtle: var(--neutral-750);--bg-input: var(--neutral-900);--bg-input-focus: var(--neutral-950);--bg-interactive: var(--neutral-800);--bg-selected: var(--neutral-750);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--border-focus: #000000;--border-accent: var(--accent-600);--text-primary: #0a0a0a;--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--text-disabled: var(--neutral-600);--text-inverse: #ffffff;--text-link: var(--neutral-100);--text-link-hover:var(--neutral-0);--text-accent: var(--accent-500);--text-success: var(--success-400);--text-warning: var(--warning-400);--text-error: var(--error-400);--font-display: "DM Sans", "Outfit", system-ui, sans-serif;--font-body: "DM Sans", "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-blue-sm: 0 0 0 3px rgba(0, 0, 0, .12);--shadow-blue-md: 0 0 16px rgba(0, 0, 0, .1);--shadow-blue-lg: 0 0 32px rgba(0, 0, 0, .08);--shadow-accent-sm: 0 0 0 3px rgba(0, 0, 0, .1);--shadow-accent-md: 0 0 16px rgba(0, 0, 0, .08);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .5s;--duration-lazy: .7s;--ease-linear: linear;--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(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-normal: all var(--duration-normal) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-colors: color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--container-xs: 320px;--container-sm: 480px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--scrollbar-track: transparent;--scrollbar-thumb: var(--neutral-700);--scrollbar-thumb-hover: var(--neutral-600);--scrollbar-width: 6px;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(16px);--gradient-brand: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(0, 0, 0, .06) 0%, rgba(0, 0, 0, .03) 100%);--gradient-surface: linear-gradient(180deg, var(--neutral-950) 0%, var(--neutral-900) 100%);--gradient-fade-bottom: linear-gradient(to bottom, transparent 0%, var(--bg-base) 100%);--gradient-fade-top: linear-gradient(to top, transparent 0%, var(--bg-base) 100%);--gradient-mesh: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(0, 0, 0, .02) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(0, 0, 0, .015) 0%, transparent 60%), var(--bg-base);--noise-opacity: .02}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light;font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-base);background-image:var(--gradient-mesh);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:#0000001f;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover)}img,video{max-width:100%;display:block}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}
