/* ==================== RESET PASSWORD PAGE STYLES ====================
   Loaded after login.css (declared as a dependency in functions.php), so
   the shared .login-page-body background/wrapper/card treatment — the
   purple/blue blurred backdrop, glass card, etc. — already applies here.
   This file only adds what's unique to the reset-password flow.
*/

/* Animations for step transitions */
#forgotPasswordForm, #resetPasswordForm {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Specific button style for "Change Number" link */
#backToStep1 {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

/* OTP Code input specific */
#otpCode {
    letter-spacing: 4px;
    font-weight: 800;
    text-align: center;
    font-size: 1.2rem;
}

#otpCode::placeholder {
    letter-spacing: normal;
    font-weight: normal;
    font-size: 0.9rem;
    text-align: left;
}

/* Responsive adjustments */
@media (max-width: 520px) {
    #otpCode {
        letter-spacing: 2px;
        font-size: 1.1rem;
    }
}