.auth-card,
.login-card,
.register-card,
.forgot-password-card {
    animation: authFadeUp 0.28s ease-out both;
}

.auth-reveal {
    opacity: 0;
    animation: authFadeUp 0.24s ease-out both;
}

.auth-reveal-delay-1 {
    animation-delay: 0.05s;
}

.auth-reveal-delay-2 {
    animation-delay: 0.08s;
}

.auth-reveal-delay-3 {
    animation-delay: 0.12s;
}

@keyframes authFadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-card,
    .login-card,
    .register-card,
    .forgot-password-card,
    .auth-reveal {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}