.login-card h2{margin-bottom:4px}.login-form{gap:16px;margin-top:12px;display:grid}.login-form label{color:var(--color-ink);gap:6px;font-size:14px;font-weight:600;display:grid}.login-form input{font:inherit;border:1px solid var(--color-line);background:var(--color-white);color:var(--color-ink);border-radius:10px;padding:12px 14px;font-weight:400}.login-form input:focus-visible{outline:2px solid var(--color-cobalt);outline-offset:1px;border-color:var(--color-cobalt)}.password-field{display:block;position:relative}.password-field input{box-sizing:border-box;width:100%;padding-right:46px}.password-toggle{width:34px;height:34px;color:var(--color-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-ink);background:#0f172a0f}.password-toggle:focus-visible{outline:2px solid var(--color-cobalt);outline-offset:1px}.login-form .button{cursor:pointer;border:0;margin-top:4px}.login-error,.login-note{border-radius:10px;margin:4px 0 0;padding:10px 12px;font-size:14px}.login-error{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, white)}.login-note{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, white)}
