.perspective {
      perspective: 1200px;
    }
    .transform-style {
      transform-style: preserve-3d;
    }
    .animate-rotate {
      animation: spin 12s linear infinite, float 4s ease-in-out infinite;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    @keyframes spin {
      0% { transform: rotateY(0deg); }
      100% { transform: rotateY(360deg); }
    }
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-12px); }
    }
    .animate-rotate:hover {
      transform: scale(1.05);
      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
      animation-play-state: paused; /* pauses float + spin when hovered */
    }