:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-active:#1e40af;--primary-light:#eff6ff;--primary-surface:#dbeafe;--primary-border:#bfdbfe;--accent:#0369a1;--accent-light:#f0f9ff;--accent-border:#bae6fd;--bg-main:#fff;--bg-surface:#f8fafc;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--text-inverse:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--success:#15803d;--success-dark:#14532d;--success-light:#f0fdf4;--success-border:#bbf7d0;--warning:#c2410c;--warning-light:#fff7ed;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a12, 0 4px 6px -4px #0f172a0a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--primary-surface);color:var(--primary-active)}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}body{background:var(--bg-main);flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (width<=640px){.container{padding-left:1rem;padding-right:1rem}}.section-padding{padding-top:6rem;padding-bottom:6rem}@media (width<=768px){.section-padding{padding-top:4rem;padding-bottom:4rem}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.25}h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.15}h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}h3{font-size:1.35rem;font-weight:600}p{color:var(--text-secondary);max-width:72ch;font-size:1.05rem;line-height:1.65}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}.badge{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary-active);border-color:var(--primary-border)}.badge-accent{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}.badge-success{background:var(--success-light);color:var(--success-dark);border-color:var(--success-border)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1.375rem;font-size:.95rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-inverse)}.btn-secondary{background:var(--bg-main);color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);color:var(--primary-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-sm{border-radius:var(--radius-sm);padding:.5rem .875rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-md);padding:.875rem 1.875rem;font-size:1.05rem}.card{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.card-flat{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem}.code-inline{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--primary-active);border:1px solid var(--border-light);padding:.15em .5em;font-size:.875em}.section-header{text-align:center;max-width:68ch;margin:0 auto 3.5rem}.section-header h2{margin-bottom:.875rem}.section-header p{color:var(--text-secondary);margin-left:auto;margin-right:auto;font-size:1.1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}