@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-error-message{padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;font-size:.9rem;text-align:center}.login-error-message.credentials-error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.login-error-message.server-error{background-color:#fffbeb;border:1px solid #fde68a;color:#92400e}.login-container input{font-size:16px}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:2.75rem;box-sizing:border-box}.password-toggle{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem .25rem .75rem;color:var(--color-text-muted, #6b7280);display:flex;align-items:center}.password-toggle:hover{color:var(--color-text, #333)}.htmx-request .btn-text{opacity:.7}.htmx-request .htmx-indicator{display:inline!important}.login-container{background:var(--color-bg-card, #fafdff);border-radius:18px;max-width:410px;margin:6vh auto 0;padding:2.8rem 2.2rem 2.2rem;box-shadow:0 8px 40px #3366aa21,0 1.5px 7px #283c641a;text-align:center}.login-container h2{font-size:1.45rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem}.register-login-link{margin-top:1.3em;font-size:.97em;color:var(--color-text-muted)}.register-login-link a{color:var(--color-primary);font-weight:500;text-decoration:none}.register-login-link a:hover{color:var(--color-primary-dark, #234578);text-decoration:underline}@media(max-width:550px){.login-container{max-width:none;margin:6vh 16px 0;padding:1.5rem .8rem}}