/* Animations */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.slow { animation-duration: 1.5s; }
.slower { animation-duration: 2s; }
.slowest { animation-duration: 3s; }

/* Delay Classes */
.delay-250 { animation-delay: 0.25s; }
.delay-500 { animation-delay: 0.5s; }
.delay-750 { animation-delay: 0.75s; }
.delay-1000 { animation-delay: 1s; }
.delay-1500 { animation-delay: 1.5s; }
.delay-2000 { animation-delay: 2s; }
.delay-2500 { animation-delay: 2.5s; }
.delay-3000 { animation-delay: 3s; }

/* Bounce In Animations */
@keyframes bounceIn {
    0% { opacity: 0; transform: scale(0.3); }
    50% { opacity: 1; transform: scale(1.05); }
    70% { transform: scale(0.9); }
    100% { transform: scale(1); }
}

.bounceIn { animation-name: bounceIn; }

/* Fade In Animations */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { animation-name: fadeIn; }

/* Responsive Optimization */
@media (max-width: 768px) {
    .animated { animation-duration: 0.8s; }
}