@keyframes float-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@keyframes float-medium {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}
@keyframes float-fast {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@keyframes scroll {
    0% { transform: translateY(-4px); opacity: 0; }
    50% { transform: translateY(4px); opacity: 1; }
    100% { transform: translateY(-4px); opacity: 0; }
}
.animate-float-slow {
    animation: float-slow 6s ease-in-out infinite;
}
.animate-float-medium {
    animation: float-medium 5s ease-in-out infinite;
}
.animate-float-fast {
    animation: float-fast 4s ease-in-out infinite;
}
.animate-scroll {
    animation: scroll 2s ease-in-out infinite;
}
.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}
.animate-fade-in-up-delay {
    animation: fadeInUp 1s ease-out 0.3s forwards;
}
.animate-fade-in-up-delay-2 {
    animation: fadeInUp 1s ease-out 0.6s forwards;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}