.login-page{--bg:#f5f8ff;--surface:#fff;--surface-warm:#eaf1ff;--fg:#101828;--fg-2:#344054;--muted:#667085;--meta:#2563eb;--border:#d7e0ef;--border-soft:#edf2f8;--accent:#2563eb;--accent-on:#fff;--accent-hover:color-mix(in oklab, var(--accent), black 8%);--accent-active:color-mix(in oklab, var(--accent), black 14%);--success:#16a34a;--warn:#f59e0b;--danger:#ef4444;--font-display:Inter, system-ui, sans-serif;--font-body:Inter, system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:36px;--text-3xl:54px;--leading-tight:1.06;--tracking-display:-.025em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:10px;--radius-md:16px;--radius-pill:9999px;--elev-raised:0 20px 52px #1018281c;--focus-ring:0 0 0 4px #2563eb38;--motion-fast:.15s;--ease-standard:cubic-bezier(.2, 0, 0, 1);background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-aside{display:none}}.login-form-side{padding:var(--space-12) var(--space-8);background:var(--bg);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px}.login-card .brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--fg);font-weight:700;font-size:var(--text-lg);letter-spacing:-.015em;margin-bottom:var(--space-8);display:flex}.login-card .brand-mark{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent), white 18%));border-radius:8px;flex:none;width:28px;height:28px;position:relative}.login-card .brand-mark:after{content:"";border:2px solid var(--accent-on);border-bottom-color:#0000;border-radius:50%;position:absolute;inset:7px 9px 9px 7px;transform:rotate(-25deg)}.login-card .brand-mark:before{content:"";background:var(--accent-on);border-radius:50% 50% 50% 0;width:6px;height:6px;position:absolute;top:16px;left:13px;transform:rotate(-45deg)}.login-card h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-3)}.login-card .sub{color:var(--fg-2);margin:0 0 var(--space-8);font-size:var(--text-sm);line-height:1.52}.auth-tabs{gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.auth-tabs button{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:color var(--motion-fast), border-color var(--motion-fast);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.auth-tabs button:hover{color:var(--fg-2)}.auth-tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--text-sm);color:var(--fg);font-weight:500}.field input{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);color:var(--fg);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);padding:10px 14px;font-family:inherit}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:0}.field input:disabled{opacity:.6;cursor:not-allowed}.auth-code-row{gap:var(--space-2);display:flex}.auth-code-row input{flex:1}.auth-code-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg-2);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:border-color var(--motion-fast), color var(--motion-fast);flex:none;padding:10px 14px;font-family:inherit;font-weight:500}.auth-code-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.auth-code-button:disabled{opacity:.5;cursor:not-allowed}.auth-agreement{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-2);line-height:1.5;display:flex}.auth-agreement input{flex:none;margin-top:2px}.auth-agreement a{color:var(--accent);text-decoration:none}.auth-agreement a:hover{color:var(--accent-hover)}.login-form-error{padding:var(--space-2) var(--space-3);background:color-mix(in oklab, var(--danger), white 92%);border:1px solid color-mix(in oklab, var(--danger), white 70%);border-radius:var(--radius-sm);font-size:var(--text-xs);color:color-mix(in oklab, var(--danger), black 10%);margin:0}.btn{border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;color:var(--fg);transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-weight:500;line-height:1;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn svg{width:16px;height:16px}.btn .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-aside{background:linear-gradient(160deg, color-mix(in oklab, var(--accent), white 86%) 0%, color-mix(in oklab, var(--accent), white 70%) 100%);padding:var(--space-12);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-aside .aside-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.login-aside h2{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:40px;font-weight:600;line-height:var(--leading-tight);max-width:12ch;margin:var(--space-4) 0 0;color:color-mix(in oklab, var(--accent), black 30%)}.aside-map{opacity:.65;width:560px;height:460px;position:absolute;bottom:-40px;right:-60px}.aside-meta{gap:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;z-index:1;display:flex;position:relative}.aside-meta div{flex-direction:column;gap:4px;display:flex}.aside-meta b{color:color-mix(in oklab, var(--accent), black 30%);font-family:var(--font-display);letter-spacing:-.02em;text-transform:none;font-size:32px;font-weight:700;line-height:1}