/* Zoom Animasyonu */
@keyframes slow-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

/* Dönme Animasyonu */
@keyframes slow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Float Animasyonları */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(6deg); }
    50% { transform: translateY(-20px) rotate(6deg); }
}

@keyframes float-slow-delay {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-20px) rotate(-3deg); }
}

/* Slide ve Fade Animasyonları */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

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

/* Animasyon Sınıfları */
.animate-slow-zoom {
    animation: slow-zoom 20s linear infinite alternate;
}

.animate-slow-spin {
    animation: slow-spin 20s linear infinite;
}

.animate-slow-spin-reverse {
    animation: slow-spin 25s linear infinite reverse;
}

.animate-float-slow {
    animation: float-slow 6s ease-in-out infinite;
}

.animate-float-slow-delay {
    animation: float-slow-delay 7s ease-in-out infinite;
}

.animate-slide-up {
    animation: slideUp 0.8s ease-out forwards;
}

.animate-slide-up-delay {
    animation: slideUp 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

.animate-fade-in-delay-1 {
    animation: fadeIn 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.animate-fade-in-delay-2 {
    animation: fadeIn 0.8s ease-out 0.4s forwards;
    opacity: 0;
}

.animate-fade-in-delay-3 {
    animation: fadeIn 0.8s ease-out 0.6s forwards;
    opacity: 0;
}

.animate-fade-in-delay-4 {
    animation: fadeIn 0.8s ease-out 0.8s forwards;
    opacity: 0;
}