:root,[data-theme=light]{--bg-base:#e9eef3;--bg-surface:#e9eef3;--bg-surface-raised:#eef3f8;--bg-surface-sunken:#dfe5eb;--bg-surface-hover:#edf2f7;--bg-surface-contrast:#111827;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-subtle:#9ca3af;--text-inverse:#fff;--brand-blue:#2563eb;--brand-blue-hover:#1d4ed8;--brand-blue-subtle:#2563eb1a;--brand-blue-border:#2563eb40;--brand-red:#dc2626;--brand-red-hover:#b91c1c;--brand-red-subtle:#dc26261a;--brand-red-border:#dc262640;--brand-black:#111;--brand-white:#fff;--status-active:#16a34a;--status-active-bg:#16a34a1f;--status-active-border:#16a34a40;--status-dev:#2563eb;--status-dev-bg:#2563eb1f;--status-dev-border:#2563eb40;--status-soon:#dc2626;--status-soon-bg:#dc26261f;--status-soon-border:#dc262640;--neu-shadow-raised:8px 8px 18px #cad1da, -8px -8px 18px #fff;--neu-shadow-raised-sm:4px 4px 10px #cad1da, -4px -4px 10px #fff;--neu-shadow-raised-lg:12px 12px 28px #cad1da, -12px -12px 28px #fff;--neu-shadow-hover:10px 10px 22px #c3cbd5, -10px -10px 22px #fff;--neu-shadow-hover-sm:6px 6px 14px #c3cbd5, -6px -6px 14px #fff;--neu-shadow-inset:inset 4px 4px 8px #cad1da, inset -4px -4px 8px #fff;--neu-shadow-inset-sm:inset 2px 2px 5px #cad1da, inset -2px -2px 5px #fff;--neu-shadow-inset-lg:inset 6px 6px 12px #cad1da, inset -6px -6px 12px #fff;--neu-shadow-btn-blue:5px 5px 14px #2563eb59, -4px -4px 12px #fff;--neu-shadow-btn-blue-active:inset 3px 3px 6px #00000040, inset -3px -3px 6px #fff3;--neu-shadow-btn-red:5px 5px 14px #dc262659, -4px -4px 12px #fff;--neu-shadow-btn-red-active:inset 3px 3px 6px #00000040, inset -3px -3px 6px #fff3;--border-subtle:#0000000a;--border-card:#fff9;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}[data-theme=dark]{--bg-base:#151821;--bg-surface:#151821;--bg-surface-raised:#1c202c;--bg-surface-sunken:#0f1118;--bg-surface-hover:#191d28;--bg-surface-contrast:#0a0c10;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-subtle:#6b7280;--text-inverse:#111827;--brand-blue:#3b82f6;--brand-blue-hover:#60a5fa;--brand-blue-subtle:#3b82f626;--brand-blue-border:#3b82f64d;--brand-red:#ef4444;--brand-red-hover:#f87171;--brand-red-subtle:#ef444426;--brand-red-border:#ef44444d;--brand-black:#0b0d12;--brand-white:#fff;--status-active:#22c55e;--status-active-bg:#22c55e26;--status-active-border:#22c55e4d;--status-dev:#3b82f6;--status-dev-bg:#3b82f626;--status-dev-border:#3b82f64d;--status-soon:#ef4444;--status-soon-bg:#ef444426;--status-soon-border:#ef44444d;--neu-shadow-raised:7px 7px 16px #0d0f15, -7px -7px 16px #1d212d;--neu-shadow-raised-sm:4px 4px 10px #0d0f15, -4px -4px 10px #1d212d;--neu-shadow-raised-lg:12px 12px 28px #0d0f15, -12px -12px 28px #1d212d;--neu-shadow-hover:9px 9px 20px #0a0b10, -9px -9px 20px #212634;--neu-shadow-hover-sm:5px 5px 12px #0a0b10, -5px -5px 12px #212634;--neu-shadow-inset:inset 4px 4px 8px #0d0f15, inset -4px -4px 8px #1d212d;--neu-shadow-inset-sm:inset 2px 2px 5px #0d0f15, inset -2px -2px 5px #1d212d;--neu-shadow-inset-lg:inset 6px 6px 12px #0d0f15, inset -6px -6px 12px #1d212d;--neu-shadow-btn-blue:5px 5px 14px #00000080, -4px -4px 12px #3b82f640;--neu-shadow-btn-blue-active:inset 3px 3px 6px #0006, inset -3px -3px 6px #ffffff1a;--neu-shadow-btn-red:5px 5px 14px #00000080, -4px -4px 12px #ef444440;--neu-shadow-btn-red-active:inset 3px 3px 6px #0006, inset -3px -3px 6px #ffffff1a;--border-subtle:#ffffff0a;--border-card:#ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px;border-radius:var(--radius-xs)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-narrow{width:100%;max-width:860px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.neu-flat{background-color:var(--bg-surface)}.neu-raised{background:var(--bg-surface);box-shadow:var(--neu-shadow-raised);border-radius:var(--radius-lg);border:1px solid var(--border-card);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.neu-raised-sm{background:var(--bg-surface);box-shadow:var(--neu-shadow-raised-sm);border-radius:var(--radius-sm);border:1px solid var(--border-card)}.neu-raised-lg{background:var(--bg-surface);box-shadow:var(--neu-shadow-raised-lg);border-radius:var(--radius-xl);border:1px solid var(--border-card)}.neu-inset{background:var(--bg-surface);box-shadow:var(--neu-shadow-inset);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.neu-inset-sm{background:var(--bg-surface);box-shadow:var(--neu-shadow-inset-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.neu-card{background:var(--bg-surface);box-shadow:var(--neu-shadow-raised);border-radius:var(--radius-lg);border:1px solid var(--border-card);transition:all var(--transition-normal);padding:32px;position:relative}.neu-card:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-2px)}.neu-card-static{background:var(--bg-surface);box-shadow:var(--neu-shadow-raised);border-radius:var(--radius-lg);border:1px solid var(--border-card);padding:32px;position:relative}.text-brand-blue{color:var(--brand-blue)}.text-brand-red{color:var(--brand-red)}.font-mono{font-family:var(--font-mono)}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700;font-family:var(--font-mono);box-shadow:var(--neu-shadow-raised-sm);background:var(--bg-surface);border:1px solid var(--border-card);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.badge-brand{color:var(--brand-blue);background:var(--brand-blue-subtle);border-color:var(--brand-blue-border)}.badge-active{color:var(--status-active);background:var(--status-active-bg);border-color:var(--status-active-border)}.badge-dev{color:var(--brand-blue);background:var(--brand-blue-subtle);border-color:var(--brand-blue-border)}.badge-soon{color:var(--brand-red);background:var(--brand-red-subtle);border-color:var(--brand-red-border)}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--brand-blue);color:#fff;box-shadow:var(--neu-shadow-btn-blue)}.btn-primary:hover{background-color:var(--brand-blue-hover);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--neu-shadow-btn-blue-active);transform:translateY(1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--neu-shadow-raised-sm);border:1px solid var(--border-card)}.btn-secondary:hover{box-shadow:var(--neu-shadow-hover-sm);color:var(--brand-blue);transform:translateY(-1px)}.btn-secondary:active{box-shadow:var(--neu-shadow-inset-sm);transform:translateY(1px)}.btn-accent{background-color:var(--brand-red);color:#fff;box-shadow:var(--neu-shadow-btn-red)}.btn-accent:hover{background-color:var(--brand-red-hover);transform:translateY(-1px)}.btn-accent:active{box-shadow:var(--neu-shadow-btn-red-active);transform:translateY(1px)}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 14px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-hover);box-shadow:var(--neu-shadow-raised-sm);border-radius:var(--radius-sm)}.btn-ghost:active{box-shadow:var(--neu-shadow-inset-sm)}.btn-nav-active{border-radius:var(--radius-sm);color:var(--brand-blue)!important;box-shadow:var(--neu-shadow-inset-sm)!important;background:var(--bg-surface)!important}.btn-lg{border-radius:var(--radius-lg);padding:15px 30px;font-size:1rem}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.8125rem}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-input,.form-textarea,.form-select{background-color:var(--bg-surface);width:100%;box-shadow:var(--neu-shadow-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);padding:13px 18px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand-blue);box-shadow:var(--neu-shadow-inset), 0 0 0 2px var(--brand-blue-subtle);outline:none}.form-textarea{resize:vertical;min-height:120px}.section{padding-top:88px;padding-bottom:88px;position:relative}.section-contrast{background-color:var(--bg-surface-contrast);color:#fff}.page-transition{animation:.28s cubic-bezier(.16,1,.3,1) forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.section{padding-top:60px;padding-bottom:60px}.container{padding-left:18px;padding-right:18px}.neu-card{padding:24px}}