body {
        font-family: "Inter", sans-serif;
      }

      .gradient-bg {
        background: linear-gradient(135deg, #fef3e2 0%, #fae8c8 100%);
      }

      .cream-gradient {
        background: linear-gradient(135deg, #fffbf5 0%, #f7f1e8 100%);
      }

      .hero-gradient {
        background: linear-gradient(
          135deg,
          #fef7ed 0%,
          #fed7aa 50%,
          #fdba74 100%
        );
      }

      .card-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
      }

      .fade-in {
        opacity: 0;
        transform: translateY(30px);
        animation: fadeIn 0.6s ease forwards;
      }

      @keyframes fadeIn {
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

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

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

      .pulse-glow {
        box-shadow: 0 0 20px rgba(251, 146, 60, 0.3);
        animation: pulseGlow 2s infinite;
      }

      @keyframes pulseGlow {
        0%,
        100% {
          box-shadow: 0 0 20px rgba(251, 146, 60, 0.3);
        }
        50% {
          box-shadow: 0 0 30px rgba(251, 146, 60, 0.5);
        }
      }

      .mobile-menu {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
      }

      .mobile-menu.open {
        transform: translateX(0);
      }

      .cookie-banner {
        transform: translateY(100%);
        transition: transform 0.3s ease;
      }

      .cookie-banner.show {
        transform: translateY(0);
      }

      .iti {
        width: 100%;
      }