:root{--ui-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono-font:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#f8fafc;--bg-elev:#fff;--panel:#fff;--panel-muted:#f1f5f9;--panel-sunken:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--border-soft:#eef2f7;--text:#0f172a;--text-soft:#1e293b;--muted:#64748b;--muted-strong:#475569;--soft:#94a3b8;--accent:#ffb800;--accent-strong:#e6a600;--accent-soft:#fff4d6;--accent-soft-2:#ffe8a8;--accent-text:#7c5e00;--success:#10b981;--success-soft:#d1fae5;--success-text:#065f46;--danger:#ef4444;--danger-soft:#fee2e2;--danger-text:#991b1b;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:18px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 8px 24px -14px #0f172a1f, 0 2px 6px -3px #0f172a0d;--shadow-lg:0 24px 60px -24px #0f172a38, 0 6px 14px -6px #0f172a0f;--ring:0 0 0 3px #ffb80038}[data-theme=dark]{--bg:#080c18;--bg-elev:#0e1426;--panel:#0f172a;--panel-muted:#141c33;--panel-sunken:#0b1223;--border:#1c2642;--border-strong:#2a3659;--border-soft:#141c33;--text:#e6edf7;--text-soft:#cbd5e1;--muted:#94a3b8;--muted-strong:#b8c3d6;--soft:#64748b;--accent:#ffc107;--accent-strong:#ffca28;--accent-soft:#ffc10729;--accent-soft-2:#ffc10747;--accent-text:#fde68a;--success:#34d399;--success-soft:#34d39924;--success-text:#6ee7b7;--danger:#f87171;--danger-soft:#f871711f;--danger-text:#fca5a5;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px -24px #000000e6, 0 1px 2px #0006;--shadow-lg:0 24px 60px -32px #000000f2, 0 2px 6px #0006;--ring:0 0 0 3px #ffc10747}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.site-header{flex-wrap:wrap;align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:18px 28px;display:flex}@media (width<=480px){.site-header{gap:10px;padding:14px 16px}}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{width:28px;height:28px;display:block}.brand-mark .brand-step-1{fill:var(--soft)}.brand-mark .brand-step-2{fill:var(--muted-strong)}.brand-mark .brand-step-3{fill:var(--accent)}[data-theme=dark] .brand-mark .brand-step-1{fill:#475569}[data-theme=dark] .brand-mark .brand-step-2{fill:#94a3b8}[data-theme=dark] .brand-mark .brand-step-3{fill:var(--accent)}.site-header .spacer{flex:1}.nav-link{color:var(--muted-strong);border-radius:8px;padding:6px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{color:var(--text);background:var(--panel-muted)}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--muted-strong);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text)}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}[data-theme=dark] .theme-icon-sun,:root:not([data-theme=dark]) .theme-icon-moon{display:none}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;letter-spacing:.005em;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-muted);color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0f172a;box-shadow:0 6px 14px -6px #ffb80059,0 1px 2px #0f172a14}[data-theme=dark] .btn-primary{color:#0f172a;box-shadow:0 6px 16px -8px #ffc10773}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:#0f172a}[data-theme=dark] .btn-primary:hover:not(:disabled){color:#0f172a}.btn-ghost{background:0 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted-strong);letter-spacing:.01em;font-size:12.5px;font-weight:600}.input{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--soft)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.input:disabled{opacity:.6;cursor:not-allowed}.form-error{background:var(--danger-soft);color:var(--danger-text);border:1px solid var(--danger);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.form-error[hidden]{display:none}.form-success{background:var(--success-soft);color:var(--success-text);border:1px solid var(--success);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.form-success[hidden]{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}