:root{--background: #fafafa;--foreground: #0f0f0f;--muted: #737373;--muted-foreground: #525252;--border: #e5e5e5;--accent: #2563eb;--accent-foreground: #ffffff;--card: #ffffff;--card-foreground: #0f0f0f;--background-dark: #09090b;--foreground-dark: #fafafa;--muted-dark: #a1a1aa;--muted-foreground-dark: #71717a;--border-dark: #27272a;--accent-dark: #3b82f6;--accent-foreground-dark: #ffffff;--card-dark: #18181b;--card-foreground-dark: #fafafa;--spacing-section: 6rem;--spacing-section-mobile: 4rem;--max-width: 1024px}@media(prefers-color-scheme:dark){:root{--background: var(--background-dark);--foreground: var(--foreground-dark);--muted: var(--muted-dark);--muted-foreground: var(--muted-foreground-dark);--border: var(--border-dark);--accent: var(--accent-dark);--accent-foreground: var(--accent-foreground-dark);--card: var(--card-dark);--card-foreground: var(--card-foreground-dark)}}*{border-color:var(--border);margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html{scroll-behavior:smooth}[id]{scroll-margin-top:3.5rem}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}code,pre{font-family:JetBrains Mono,monospace}::selection{background:var(--accent);color:var(--accent-foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-foreground)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;font-family:inherit}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--accent-foreground);padding:.5rem 1rem;z-index:9999;transition:top .2s ease}.skip-link:focus{top:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}.section{padding:var(--spacing-section-mobile) 0}@media(min-width:768px){.section{padding:var(--spacing-section) 0}}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem}@media(min-width:768px){.section-title{font-size:1.875rem}}@media(min-width:1024px){.section-title{font-size:2.25rem}}
