/* ==========================================================================
   BRIXVEN — Shared keyframe animations
   Every @keyframes used by more than one component lives here so it's
   never redefined twice. One-off, section-specific keyframes (e.g. the
   hero's gradient drift, the pricing card's border flow) stay co-located
   in their own section CSS file instead — they're only ever used once,
   so centralising them here would just add an extra file to check when
   editing that one section.
   ========================================================================== */

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

@keyframes skeleton-loading {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

@keyframes btn-ripple {
  to { transform: scale(3); opacity: 0; }
}

@keyframes marquee-scroll {
  to { transform: translateX(-50%); }
}

@keyframes loader-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.86); }
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}