/* /css/animations.css */

@keyframes shimmer { 
    0% { background-position: 200% 0; } 
    100% { background-position: -200% 0; } 
}

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

@keyframes slideInRight { 
    from { opacity: 0; transform: translateX(40px); } 
    to { opacity: 1; transform: translateX(0); } 
}

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