@media (prefers-reduced-motion: no-preference) {
  @keyframes fadeSlideUp {
    from {
      opacity: 0;
      transform: translateY(24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes shake {
    0%,
    100% {
      transform: rotate(0);
    }
    20% {
      transform: rotate(-12deg);
    }
    40% {
      transform: rotate(10deg);
    }
    60% {
      transform: rotate(-7deg);
    }
    80% {
      transform: rotate(4deg);
    }
  }

  @keyframes blobDrift {
    0%,
    100% {
      transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
      transform: translate3d(42px, -28px, 0) scale(1.08);
    }
  }

  @keyframes pulse {
    0%,
    100% {
      transform: scale(1);
    }
    45% {
      transform: scale(1.3);
    }
  }

  @keyframes slideInRight {
    from {
      transform: translateX(105%);
    }
    to {
      transform: translateX(0);
    }
  }
}