.login-form{text-align:left;flex-direction:column;gap:14px;width:100%;margin-top:8px;display:flex}.login-field{font:500 12px/16px var(--sa-font-sans);color:var(--sa-ink-soft,#667);flex-direction:column;gap:6px;display:flex}.login-field input{border:1px solid var(--sa-border);background:var(--sa-surface,#fff);height:40px;color:var(--sa-ink);font:400 14px/20px var(--sa-font-sans);border-radius:8px;padding:0 12px}.login-field input:focus{outline:2px solid var(--sa-status-order,#475f71);outline-offset:1px}.login-form .button{height:40px}.login-error{color:#984241;font:500 13px/18px var(--sa-font-sans);background:#fdecec;border-radius:8px;margin:0;padding:8px 12px}.login-who{font:400 13px/18px var(--sa-font-sans);color:var(--sa-ink-soft,#667);margin:0}.login-link{color:var(--sa-status-order,#475f71);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.login-note{font:400 12px/17px var(--sa-font-sans);color:var(--sa-ink-soft,#778);margin:4px 0 0}.login-screen{height:100dvh;min-height:0;padding:24px 16px;overflow-y:auto}.login-card{width:min(360px,100%);min-width:0}.login-field,.login-field input{min-width:0;max-width:100%}.login-error,.login-who,.login-note{overflow-wrap:anywhere}@media (max-height:540px){.login-screen{align-items:start}.login-card{padding-block:24px}}