.login{background:var(--canvas);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}@media (max-width:900px){.login{grid-template-columns:minmax(0,1fr)}.login-panel{display:none}}.login-form-side{padding:var(--space-8) var(--space-6);justify-content:center;align-items:center;display:flex}.login-form{width:100%;max-width:360px}.login-form.is-setup{max-width:460px}.login-mark{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.login-mark-chip{border-radius:var(--radius-md);background:var(--rail-bg);width:36px;height:36px;color:var(--rail-text-active);font-size:var(--text-cell);font-weight:var(--weight-semi);letter-spacing:.02em;flex:none;place-items:center;display:grid}.login-title{font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:var(--weight-semi);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-2)}.login-sub{font-size:var(--text-base);line-height:var(--lh-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.login-fields{gap:var(--space-4);flex-direction:column;display:flex}.login-actions{margin-top:var(--space-6)}.login-submit{justify-content:center;width:100%}.login-note{margin-top:var(--space-6);font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-tertiary)}.login-alert{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger-fg);font-size:var(--text-cell)}.login-ok{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success-fg);font-size:var(--text-cell)}.login-panel{background:var(--rail-bg);color:var(--rail-text);justify-content:center;gap:var(--space-12);padding:var(--space-10);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-panel-label{font-size:var(--label-size);line-height:var(--label-lh);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:var(--label-transform);color:var(--rail-text-muted)}.login-panel-lede{font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--rail-text-active);max-width:22ch;margin:var(--space-3) 0 0}.login-funnel{gap:var(--space-2);margin:var(--space-6) 0 0;flex-direction:column;display:flex}.login-stage{height:44px;padding:0 var(--space-4);font-size:var(--text-cell);font-weight:var(--weight-medium);clip-path:polygon(0 0, calc(100% - var(--stage-notch)) 0, 100% 50%, calc(100% - var(--stage-notch)) 100%, 0 100%);opacity:0;animation:login-stage-in var(--dur-slow) var(--ease-out) forwards;align-items:center;display:flex;transform:translate(-8px)}.login-stage-1{background:var(--stage-1-bg);width:86%;color:var(--stage-1-fg);animation-delay:0s}.login-stage-2{background:var(--stage-2-bg);width:74%;color:var(--stage-2-fg);animation-delay:60ms}.login-stage-3{background:var(--stage-3-bg);width:62%;color:var(--stage-3-fg);animation-delay:.12s}.login-stage-4{background:var(--stage-4-bg);width:50%;color:var(--stage-4-fg);animation-delay:.18s}.login-stage-won{background:var(--stage-won-bg);width:38%;color:var(--stage-won-fg);animation-delay:.24s}@keyframes login-stage-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-stage{opacity:1;animation:none;transform:none}}.login-panel-foot{gap:var(--space-6);font-size:var(--text-sm);color:var(--rail-text-muted);display:flex}.login-panel-foot b{color:var(--rail-text);font-weight:var(--weight-medium);display:block}.login-setup{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.login-setup-band{padding:0 var(--space-3);height:var(--section-band-height);background:var(--surface-subtle);border-bottom:1px solid var(--border);align-items:center;display:flex}.login-setup pre{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}