.form-field{flex-direction:column;width:100%;margin-bottom:1.25rem;display:flex}.form-field label{font-size:var(--label-fs);color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-field .form-field__input-wrapper{align-items:center;width:100%;display:flex;position:relative}.form-field input{padding:var(--input-padding);color:var(--text-primary);background:#fff;border:1.5px solid #00000026;border-radius:.75rem;outline:none;width:100%;min-height:2.75rem;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-field input::placeholder{color:#0006}.form-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #397c0926}.form-field input:hover:not(:focus){border-color:#0000004d}.form-field p.error{color:var(--text-danger);margin-top:.5rem;font-size:1rem}.form-field p.footnote{color:#0009;margin-top:.25rem;font-size:1rem}.form-field .password-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.form-field .password-toggle:focus-visible{outline:2px solid var(--primary-color);border-radius:.5rem}
button,.button{cursor:pointer;text-align:center;border:none;border-radius:.75rem;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:focus-visible,.button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.primary{background-color:var(--primary-color);color:#fff}.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0)}.secondary{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.secondary:hover:not(:disabled){background-color:#397c090d}.disabled,button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}
.login-card{border-radius:var(--card-radius);background:#fff;border:1px solid #0000000d;width:100%;max-width:28rem;margin:3rem auto;padding:2.5rem 2rem;box-shadow:0 4px 20px #00000014}@media (max-width:480px){.login-card{margin:1.5rem auto;padding:1.75rem 1.25rem}}.login-card header{text-align:center;margin-bottom:2rem}.login-card header h1{font-size:var(--fs-h1);color:var(--primary-color);margin-bottom:.5rem}.login-card header p.subtitle{color:var(--text-primary);opacity:.85;font-size:1rem;line-height:1.4}.login-card form{flex-direction:column;display:flex}.login-card form button[type=submit]{width:100%;margin-top:1rem}.login-card .login-error-alert{color:var(--text-danger);background-color:#fdf2f2;border:1px solid #f8b4b4;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem}
