@keyframes heroReveal {
  0%   { filter: blur(25px); opacity: 0;   transform: scale(1.02); }
  35%  { filter: blur(14px); opacity: 0.5; transform: scale(1.01); }
  100% { filter: blur(0px);  opacity: 1;   transform: scale(1); }
}

@keyframes arrowBounce {
  0%, 100% { transform: translateY(0px);  opacity: 0.5; }
  50%       { transform: translateY(10px); opacity: 1; }
}

@keyframes textFlash {
  0%   { opacity: 0.2; }
  50%  { opacity: 0.9; }
  100% { opacity: 1; }
}

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

@keyframes menuFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

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