/* === animations.css — All @keyframes === */

      /* ============================================================
       KEYFRAMES
       ============================================================ */
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes shimmer {
        0%,
        100% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
      }
      @keyframes float {
        0%,
        100% {
          transform: translateY(0px) translateX(0px);
        }
        25% {
          transform: translateY(-20px) translateX(10px);
        }
        50% {
          transform: translateY(-10px) translateX(-10px);
        }
        75% {
          transform: translateY(-25px) translateX(5px);
        }
      }
      @keyframes float-reverse {
        0%,
        100% {
          transform: translateY(0px) translateX(0px);
        }
        25% {
          transform: translateY(15px) translateX(-10px);
        }
        50% {
          transform: translateY(5px) translateX(15px);
        }
        75% {
          transform: translateY(20px) translateX(-5px);
        }
      }
      @keyframes pulse {
        0%,
        100% {
          opacity: 1;
          transform: scale(1);
        }
        50% {
          opacity: 0.5;
          transform: scale(1.2);
        }
      }
      @keyframes gradient-move {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      @keyframes marquee {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-50%);
        }
      }
      @keyframes fade-in {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes ripple-effect {
        to {
          transform: scale(4);
          opacity: 0;
        }
      }
      @keyframes blurFadeIn {
        from { opacity: 0; filter: blur(12px); transform: translateY(20px); }
        to   { opacity: 1; filter: blur(0);    transform: translateY(0); }
      }
      @keyframes slideInLeft {
        from { opacity: 0; transform: translateX(-40px); }
        to   { opacity: 1; transform: translateX(0); }
      }
      @keyframes slideInRight {
        from { opacity: 0; transform: translateX(40px); }
        to   { opacity: 1; transform: translateX(0); }
      }
      @keyframes scaleIn {
        from { opacity: 0; transform: scale(0.85); }
        to   { opacity: 1; transform: scale(1); }
      }
      @keyframes glowPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(217,125,22,0); }
        50%      { box-shadow: 0 0 24px 4px rgba(217,125,22,0.15); }
      }
      @keyframes numberPop {
        0%   { transform: scale(0.5); opacity: 0; }
        60%  { transform: scale(1.15); opacity: 1; }
        100% { transform: scale(1); }
      }
      @keyframes drawLine {
        from { height: 0; }
        to   { height: 100%; }
      }
      @keyframes iconBounce {
        0%   { transform: scale(0) rotate(-10deg); }
        60%  { transform: scale(1.2) rotate(5deg); }
        100% { transform: scale(1) rotate(0deg); }
      }
      @keyframes badgeSlideIn {
        from { opacity: 0; transform: translateY(-12px) scale(0.9); }
        to   { opacity: 1; transform: translateY(0) scale(1); }
      }
      @keyframes textReveal {
        from { opacity: 0; transform: translateY(30px); filter: blur(8px); }
        to   { opacity: 1; transform: translateY(0); filter: blur(0); }
      }
      @keyframes ctaGlow {
        0%, 100% { box-shadow: 0 0 30px rgba(217,125,22,0.1); }
        50%      { box-shadow: 0 0 60px rgba(217,125,22,0.25); }
      }
      @keyframes borderGrow {
        from { width: 0; }
        to   { width: 100%; }
      }