/* MCDS animations.css */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@keyframes shimmer { 0%,100% { opacity: 1; } 50% { opacity: .7; } }
@keyframes pulse { 0%,100% { transform: scale(1); box-shadow: 0 4px 24px rgba(201,168,76,.3); } 50% { transform: scale(1.04); box-shadow: 0 8px 36px rgba(201,168,76,.5); } }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.animate-fade-up { animation: fadeInUp .65s ease both; }
.animate-fade-left { animation: fadeInLeft .65s ease both; }
.animate-fade-right { animation: fadeInRight .65s ease both; }
.animate-fade { animation: fadeIn .6s ease both; }
.animate-scale { animation: scaleIn .6s ease both; }
.animate-delay-1 { animation-delay: .1s; }
.animate-delay-2 { animation-delay: .2s; }
.animate-delay-3 { animation-delay: .3s; }
.animate-delay-4 { animation-delay: .4s; }
.animate-delay-5 { animation-delay: .5s; }
.animate-delay-6 { animation-delay: .6s; }
.pulse-cta { animation: pulse 2.5s ease-in-out infinite; }
.float { animation: float 3s ease-in-out infinite; }