:root{--primary-50: #fafafa;--primary-600: #3b82f6;--primary-900: #0f172a;--accent-primary: #3b82f6;--accent-hover: #5c9bff;--accent-press: #2e6fe0;--accent-subtle: rgba(59, 130, 246, .1);--accent-border: rgba(59, 130, 246, .3);--accent-secondary: #3b82f6;--accent-tertiary: #3b82f6;--accent-gradient: #3b82f6;--accent-glow: rgba(59, 130, 246, .22);--dark-50: #f7f8f8;--dark-100: #eceef0;--dark-200: #d3d6da;--dark-300: #b3b7bd;--dark-400: #8a8f98;--dark-350: #a0a5ac;--dark-500: #6b7079;--dark-600: #4c515a;--dark-700: #363a41;--dark-800: #22252b;--dark-850: #191c21;--dark-900: #131519;--dark-950: #0a0b0d;--bg-base: #0a0b0d;--bg-raised: #101216;--bg-overlay: #16181d;--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--scrim: rgba(0, 0, 0, .6);--text-primary: var(--dark-50);--text-secondary: var(--dark-400);--hairline-faint: rgba(255, 255, 255, .04);--hairline: rgba(255, 255, 255, .06);--hairline-strong: rgba(255, 255, 255, .09);--hairline-bright: rgba(255, 255, 255, .14);--divider: rgba(255, 255, 255, .05);--success: #3fb950;--warning: #d29922;--error: #f85149;--info: var(--accent-primary);--success-rgb: 63, 185, 80;--error-rgb: 248, 81, 73;--font-sans: "Inter", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--text-2xs: .6875rem;--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;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-widest: .14em;--leading-none: 1.1;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-body: 1.75;--leading-loose: 1.8;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--spacing-px: 1px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--content-max: 1200px;--section-y: var(--spacing-20);--section-y-sm: var(--spacing-12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px -6px rgba(0, 0, 0, .45);--shadow-xl: 0 24px 64px -12px rgba(0, 0, 0, .6);--shadow-accent: 0 4px 12px -2px rgba(0, 0, 0, .35);--shadow-hover: 0 12px 32px -6px rgba(0, 0, 0, .45);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--blog-thumb-w: 100px;--blog-thumb-h: 68px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275);--surface-bg: var(--bg-raised);--surface-bg-hover: var(--bg-overlay);--surface-border: var(--border-subtle);--surface-border-hover: var(--border-strong);--surface-shadow: var(--shadow-md);--surface-blur: none;--surface-highlight: inset 0 0 0 transparent;--surface-radius: var(--radius-xl);--panel-bg: var(--bg-overlay);--panel-bg-hover: var(--bg-overlay);--panel-border: var(--border-strong);--panel-border-hover: var(--border-strong);--panel-shadow: var(--shadow-lg);--panel-blur: none;--panel-highlight: inset 0 0 0 transparent;--panel-radius: var(--radius-2xl);--control-bg: var(--dark-800);--control-bg-hover: var(--dark-700);--control-border: var(--border-subtle);--control-border-hover: var(--border-strong);--control-shadow: var(--shadow-sm);--control-blur: none;--control-highlight: inset 0 0 0 transparent}[data-theme=glass]{--bg-base: #070809;--surface-bg: rgba(255, 255, 255, .045);--surface-bg-hover: rgba(255, 255, 255, .075);--surface-border: rgba(255, 255, 255, .09);--surface-border-hover: rgba(255, 255, 255, .16);--surface-shadow: 0 8px 32px rgba(0, 0, 0, .36);--surface-blur: blur(20px) saturate(140%);--surface-highlight: inset 0 1px 0 rgba(255, 255, 255, .1);--panel-bg: rgba(16, 18, 22, .55);--panel-bg-hover: rgba(16, 18, 22, .7);--panel-border: rgba(255, 255, 255, .1);--panel-border-hover: rgba(255, 255, 255, .18);--panel-shadow: 0 12px 40px rgba(0, 0, 0, .45);--panel-blur: blur(28px) saturate(150%);--panel-highlight: inset 0 1px 0 rgba(255, 255, 255, .12);--control-bg: rgba(255, 255, 255, .06);--control-bg-hover: rgba(255, 255, 255, .1);--control-border: rgba(255, 255, 255, .1);--control-border-hover: rgba(255, 255, 255, .2);--control-shadow: 0 2px 10px rgba(0, 0, 0, .28);--control-blur: blur(12px) saturate(130%);--control-highlight: inset 0 1px 0 rgba(255, 255, 255, .12)}@media(prefers-reduced-transparency:reduce){[data-theme=glass]{--surface-bg: var(--bg-raised);--panel-bg: var(--bg-overlay);--control-bg: var(--dark-800);--surface-blur: none;--panel-blur: none;--control-blur: none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--dark-100);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#root{overflow-x:hidden;max-width:100vw}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,255,255,.015) 0%,transparent 70%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-900)}::-webkit-scrollbar-thumb{background:var(--dark-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:#3b82f647;color:var(--dark-50)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.1;color:var(--dark-50);letter-spacing:-.025em}h1{font-size:var(--text-6xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--dark-100)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--dark-200)}p{color:var(--dark-300);line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--dark-200)}button{cursor:pointer;border:none;background:transparent;font-family:inherit;transition:var(--transition-normal)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;border:1px solid var(--control-border);background:var(--control-bg);color:var(--dark-100);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-normal);backdrop-filter:var(--control-blur);-webkit-backdrop-filter:var(--control-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){input,textarea{background:var(--dark-900)}}input:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}img{max-width:100%;height:auto;display:block}.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-gradient{color:var(--dark-50);-webkit-text-fill-color:currentColor}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:vt-fade-out .2s ease-out both}::view-transition-new(root){animation:vt-fade-in .2s ease-in both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}}