/* Custom Animations */
.animate-in {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* Scroll animations */
.scroll-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-animate.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Additional smooth transitions */
* {
    scroll-behavior: smooth;
}