.login{grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100dvh;display:grid}.login-hero{background:var(--cm-brand-deep);color:var(--cm-on-brand);padding:48px max(16px, env(safe-area-inset-left,0px));flex-direction:column;justify-content:space-between;display:flex}.login-claim{font:800 48px/56px var(--cm-font-display);letter-spacing:-.5px;margin:0}.login-dot{color:var(--cm-lime)}.login-panel{padding:48px max(16px, env(safe-area-inset-right,0px)) 48px max(16px, env(safe-area-inset-left,0px));flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.login-card{gap:16px;width:min(400px,100%);display:grid}.login-logo{display:none}.login-card h1{font:800 32px/40px var(--cm-font-display)}.login-lead{color:var(--cm-ink-muted);margin:-8px 0 8px}.login-form{gap:12px;display:grid}.login-notice{border-radius:var(--cm-radius-md);background:var(--cm-surface-300);margin:0;padding:12px 16px;font-size:14px}.login-status{font:500 12px/16px var(--cm-font-text);color:var(--cm-ink-muted);align-items:center;gap:8px;margin:0;display:inline-flex}.login-status span{background:var(--cm-danger);border-radius:50%;width:8px;height:8px}.login-status[data-state=ok] span{background:var(--cm-brand-text)}@media (max-width:760px){.login{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.login-logo{height:32px;display:block}}