/* ============================================================
   ANIMATIONS STYLES
   Keyframe animations and transitions
   ============================================================ */

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

@keyframes pulse{
  0%, 100%{ opacity:0.3; }
  50%{ opacity:1; }
}

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

@keyframes spin{
  to{ transform:rotate(360deg); }
}

@keyframes shake{
  0%,100%{ transform:translateX(0); }
  25%{ transform:translateX(-5px); }
  75%{ transform:translateX(5px); }
}

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

@keyframes celebrate{
  0%{ transform:scale(0.8); opacity:0; }
  50%{ transform:scale(1.1); }
  100%{ transform:scale(1); opacity:1; }
}

@keyframes spinIn{
  from{ transform:rotate(-180deg) scale(0); opacity:0; }
  to{ transform:rotate(0) scale(1); opacity:1; }
}

@keyframes popIn{
  0%{ transform:scale(0.8); opacity:0; }
  100%{ transform:scale(1); opacity:1; }
}

@keyframes explodeIn{
  0%{ transform:scale(0); opacity:0; }
  50%{ transform:scale(1.2); }
  100%{ transform:scale(1); opacity:1; }
}

@keyframes bounce{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

@keyframes arrowPulse{
  0%,100%{ transform:translateY(0); opacity:1; }
  50%{ transform:translateY(4px); opacity:0.6; }
}