@keyframes zoomSlow { 0%{transform:scale(1)} 100%{transform:scale(1.07)} }
.animate-zoomSlow{animation:zoomSlow 20s ease-in-out infinite alternate}

@keyframes fadeInUpLoop {
  0% { opacity: 0.7; transform: translateY(30px) scale(0.98);} 
  10% { opacity: 1; transform: translateY(0) scale(1);} 
  90% { opacity: 1; transform: translateY(0) scale(1);} 
  100% { opacity: 0.7; transform: translateY(30px) scale(0.98);} 
}
.animate-fadeInUpLoop { animation: fadeInUpLoop 3s cubic-bezier(.4,0,.2,1) infinite; }
.delay-200 { animation-delay: .2s; }

@keyframes sparkleMove1 { 0% { opacity: 0.7; transform: scale(1) translateY(0);} 50% { opacity: 1; transform: scale(1.5) translateY(-20px);} 100% { opacity: 0.7; transform: scale(1) translateY(0);} }
@keyframes sparkleMove2 { 0% { opacity: 0.6; transform: scale(1) translateX(0);} 50% { opacity: 1; transform: scale(1.3) translateX(15px);} 100% { opacity: 0.6; transform: scale(1) translateX(0);} }
@keyframes sparkleMove3 { 0% { opacity: 0.8; transform: scale(1) translateY(0);} 50% { opacity: 1; transform: scale(1.7) translateY(25px);} 100% { opacity: 0.8; transform: scale(1) translateY(0);} }
@keyframes sparkleMove4 { 0% { opacity: 0.7; transform: scale(1) translateX(0);} 50% { opacity: 1; transform: scale(1.4) translateX(-18px);} 100% { opacity: 0.7; transform: scale(1) translateX(0);} }
@keyframes sparkleMove5 { 0% { opacity: 0.6; transform: scale(1) translateY(0);} 50% { opacity: 1; transform: scale(1.2) translateY(-15px);} 100% { opacity: 0.6; transform: scale(1) translateY(0);} }
@keyframes sparkleMove6 { 0% { opacity: 0.8; transform: scale(1) translateX(0);} 50% { opacity: 1; transform: scale(1.5) translateX(20px);} 100% { opacity: 0.8; transform: scale(1) translateX(0);} }
.sparkle1 { animation: sparkleMove1 3.2s ease-in-out infinite; }
.sparkle2 { animation: sparkleMove2 2.7s ease-in-out infinite 0.8s; }
.sparkle3 { animation: sparkleMove3 4s ease-in-out infinite 0.4s; }
.sparkle4 { animation: sparkleMove4 3.5s ease-in-out infinite 1.2s; }
.sparkle5 { animation: sparkleMove5 2.9s ease-in-out infinite 0.6s; }
.sparkle6 { animation: sparkleMove6 3.8s ease-in-out infinite 1s; }

.brand-logo {
  filter: grayscale(1);
  opacity: 0.6;
  transition: filter .3s ease, opacity .3s ease, transform .3s ease;
}
.brand-logo:hover {
  filter: grayscale(0);
  opacity: 1;
  transform: translateY(-2px) scale(1.03);
}