:where([class^="ri-"])::before { content: "\f3c2"; }

      .gradient-bg {
          background: linear-gradient(180deg, #9333ea 0%, #f5f5dc 100%);
      }

      .card-shadow {
          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      }

      .text-gradient {
          background: linear-gradient(90deg, #6366f1, #a855f7);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
      }

      .custom-scrollbar::-webkit-scrollbar {
          width: 6px;
      }

      .custom-scrollbar::-webkit-scrollbar-track {
          background: #f1f1f1;
      }

      .custom-scrollbar::-webkit-scrollbar-thumb {
          background: #a855f7;
          border-radius: 10px;
      }

      .custom-scrollbar::-webkit-scrollbar-thumb:hover {
          background: #6366f1;
      }

      .gallery-grid {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
          grid-gap: 20px;
      }

      .video-container {
          position: relative;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
      }

      .video-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }

      @keyframes float {
          0% { transform: translateY(0px); }
          50% { transform: translateY(-10px); }
          100% { transform: translateY(0px); }
      }

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

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
      }