@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(7px)}50%{transform:translate(-7px)}}.error-message{color:red;animation:shake .5s ease-in-out 1.5;font-size:12px}.success-message{color:green;animation:shake .5s ease-in-out 1.5;font-size:12px}:root{--login-bg-start: #f8fbff;--login-bg-end: #e0eaff;--login-primary-dark: #1e3a8a;--login-primary: #2563eb;--login-primary-light: #3b82f6;--login-text-muted: #64748b}.bg-login-gradient{background:linear-gradient(135deg,var(--login-bg-start) 0%,var(--login-bg-end) 100%)}.text-login-dark{color:var(--login-primary-dark)!important}.text-login-primary{color:var(--login-primary-light)!important}.btn-login-primary{background-color:var(--login-primary)!important;border-color:var(--login-primary)!important;color:#fff!important}.btn-login-primary:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important}.card-login{border:none;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.input-group-login .input-group-text{background-color:#fff;border-right:none;color:var(--login-text-muted)}.input-group-login .form-control{border-left:none}.input-group-login .form-control:focus{box-shadow:none;border-color:#dee2e6}