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

@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 6px var(--green);}50%{opacity:0.4;box-shadow:none;}}

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

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

@keyframes scaleIn{from{opacity:0;transform:scale(0.92);}to{opacity:1;transform:scale(1);}}

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

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

@keyframes rotateSlow{
  from{transform:rotate(0deg);}to{transform:rotate(360deg);}
}

@keyframes statPulse{
  0%,100%{opacity:1;}50%{opacity:0.55;}
}

@keyframes borderGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.0);}
  50%{box-shadow:0 0 24px 3px rgba(255,255,255,0.07);}
}

@keyframes titleReveal{
  from{opacity:0;transform:translateY(30px) scale(0.96);filter:blur(4px);}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@keyframes glowPulse{
  0%,100%{text-shadow:0 0 40px rgba(0,212,255,0.4),0 0 80px rgba(0,212,255,0.1);}
  50%{text-shadow:0 0 60px rgba(0,212,255,0.7),0 0 120px rgba(0,212,255,0.2);}
}

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

@keyframes pillFloat{
  0%,100%{transform:translateY(0);}
  33%{transform:translateY(-3px);}
  66%{transform:translateY(2px);}
}

@keyframes subtleZoom{
  from{transform:translateZ(0) scale(1.01);}
  to{transform:translateZ(0) scale(1.06);}
}

@keyframes eyebrowGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(0,212,255,0);}
  50%{box-shadow:0 0 20px 4px rgba(0,212,255,0.15);}
}

@keyframes waveIn{
  from{opacity:0;transform:translateX(-12px);}
  to{opacity:1;transform:translateX(0);}
}

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

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

@keyframes popIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}

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

@keyframes slideIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:translateX(0);}}

@keyframes overlapPulse{0%,100%{opacity:0.55;}50%{opacity:0.35;}}

@keyframes clockRefreshSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

@keyframes scrollIndicatorFadeIn {
  from { opacity: 0; transform: translateX(-50%) translateY(8px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes scrollWheel {
  0%   { transform: translateY(0);   opacity: 1;   }
  60%  { transform: translateY(10px); opacity: 0.1; }
  61%  { transform: translateY(0);   opacity: 0;   }
  100% { transform: translateY(0);   opacity: 1;   }
}

@keyframes dotRing {
  0% { transform: scale(0.8); opacity: 0.8; }
  100% { transform: scale(2.2); opacity: 0; }
}

@keyframes dropIn{from{opacity:0;transform:translateY(-8px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}