/* Animation Keyframes */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

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

/* Animation Classes */
.animate-fade-down {
    animation: fadeInDown 0.8s ease-out;
}

.animate-fade-up {
    animation: fadeInUp 0.6s ease-out backwards;
}