/* Login Page Animations */
@keyframes float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(30px); 
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply animations */
.login-wrapper::before,
.login-wrapper::after {
    animation: float 6s ease-in-out infinite;
}

.login-wrapper::after {
    animation-duration: 7s;
}

.login-card {
    animation: slideUp 0.6s ease-out;
}