/* ═══════════════════════════════════════
   animations.css — keyframes
   ═══════════════════════════════════════ */

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

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

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

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

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

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

@keyframes pulseOrb {
  0%, 100% { transform: scale(1);   opacity: 0.6; }
  50%       { transform: scale(1.4); opacity: 1;   }
}

@keyframes placeholderFade {
  0%   { opacity: 0; transform: translateY(6px);  }
  15%  { opacity: 1; transform: translateY(0);    }
  85%  { opacity: 1; transform: translateY(0);    }
  100% { opacity: 0; transform: translateY(-6px); }
}