/* Süzülme Animasyonu */
  @keyframes float-premium {

      0%,
      100% {
          transform: translateY(0) scale(1);
      }

      50% {
          transform: translateY(-15px) scale(1.02);
      }
  }

  /* İnce Yükleme Çizgisi Animasyonu */
  @keyframes loading-sweep {
      0% {
          transform: translateX(-100%);
      }

      100% {
          transform: translateX(100%);
      }
  }

  .animate-float-premium {
      animation: float-premium 4s ease-in-out infinite;
  }

  .animate-loading-sweep {
      animation: loading-sweep 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }


  /* Animasyon için gerekli Keyframe (Eğer main.css'de yoksa diye buraya ekledik)  */
  @keyframes float-404 {

      0%,
      100% {
          transform: translateY(0) rotate(-5deg);
      }

      50% {
          transform: translateY(-20px) rotate(5deg);
      }
  }

  @keyframes float-cloud {

      0%,
      100% {
          transform: translateX(0);
      }

      50% {
          transform: translateX(30px);
      }
  }

  @keyframes float-slow {

      0%,
      100% {
          transform: translateY(0px) rotate(0deg);
      }

      50% {
          transform: translateY(-20px) rotate(2deg);
      }
  }

  @keyframes float-fast {

      0%,
      100% {
          transform: translateY(0px) rotate(0deg);
      }

      50% {
          transform: translateY(-15px) rotate(-3deg);
      }
  }

  .animate-float-slow {
      animation: float-slow 6s ease-in-out infinite;
  }

  .animate-float-fast {
      animation: float-fast 4s ease-in-out infinite;
  }

  /* Yuvarlatılmış asimetrik resim maskeleri */
  .mask-blob {
      border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
      transition: all 0.5s ease;
  }

  .group:hover .mask-blob {
      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }