: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: #ffffff;--panel: #ffffff;--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: #0ea5e9;--accent-strong: #0284c7;--accent-soft: #e0f2fe;--accent-soft-2: #bae6fd;--accent-text: #075985;--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 rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px -14px rgba(15, 23, 42, .12), 0 2px 6px -3px rgba(15, 23, 42, .05);--shadow-lg: 0 24px 60px -24px rgba(15, 23, 42, .22), 0 6px 14px -6px rgba(15, 23, 42, .06);--ring: 0 0 0 3px rgba(14, 165, 233, .18)}[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: #38bdf8;--accent-strong: #7dd3fc;--accent-soft: rgba(56, 189, 248, .14);--accent-soft-2: rgba(56, 189, 248, .28);--accent-text: #7dd3fc;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--success-text: #6ee7b7;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--danger-text: #fca5a5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px -24px rgba(0, 0, 0, .9), 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px -32px rgba(0, 0, 0, .95), 0 2px 6px rgba(0, 0, 0, .4);--ring: 0 0 0 3px rgba(56, 189, 248, .26)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--ui-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.site-header{display:flex;align-items:center;gap:14px;padding:18px 28px;max-width:1280px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700;letter-spacing:-.01em;font-size:16px}.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);font-weight:500;font-size:13.5px;padding:6px 10px;border-radius:8px;transition:background .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:var(--panel-muted)}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--muted-strong);width:36px;height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text)}.theme-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}[data-theme=dark] .theme-icon-sun{display:none}:root:not([data-theme=dark]) .theme-icon-moon{display:none}.btn{font-family:inherit;font-size:14px;font-weight:600;padding:11px 22px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;letter-spacing:.005em;line-height:1.2}.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{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 14px -6px #0ea5e98c,0 1px 2px #0f172a14}[data-theme=dark] .btn-primary{color:#0b1220;box-shadow:0 6px 16px -8px #38bdf88c}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}[data-theme=dark] .btn-primary:hover:not(:disabled){color:#0b1220}.btn-ghost{background:transparent}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--muted-strong);letter-spacing:.01em}.input{font-family:inherit;font-size:14px;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input::placeholder{color:var(--soft)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}