@keyframes bgFadeIn {
    from { opacity: 0; } to { opacity: 1; }
}
.login-card {
    background: rgba(255, 255, 255, 0.6); /* increased transparency */
    backdrop-filter: blur(10px);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    padding: 2rem;
    animation: cardFadeInUp 0.6s ease-in-out;
}
@keyframes cardFadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.25);
    border-color: #0d6efd;
}