:root {
        --cream: #fdf8f0;
        --soft-pink: #f5e6e8;
        --rose: #e8b4cb;
        --dark-rose: #d4a5c0;
        --text-dark: #2d1b23;
        --text-medium: #5a4a52;
      }

      body {
        font-family: "Inter", sans-serif;
        background-color: var(--cream);
        color: var(--text-dark);
      }

      .gradient-bg {
        background: linear-gradient(
          135deg,
          var(--cream) 0%,
          var(--soft-pink) 50%,
          var(--rose) 100%
        );
      }

      .glass-effect {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .floating-animation {
        animation: floating 3s ease-in-out infinite;
      }

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

      .fade-in {
        animation: fadeIn 0.8s ease-in forwards;
      }

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

      .cookie-banner {
        background: rgba(232, 180, 203, 0.95);
        backdrop-filter: blur(10px);
      }

      .btn-primary {
        background: linear-gradient(135deg, var(--rose), var(--dark-rose));
        transition: all 0.3s ease;
      }

      .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(232, 180, 203, 0.4);
      }

      .card-hover {
        transition: all 0.3s ease;
      }

      .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(232, 180, 203, 0.3);
      }

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

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

      @media (max-width: 768px) {
        .hero-content {
          text-align: center;
        }
      }

      .iti {
        width: 100%;
      }

      .iti__flag-container {
        padding: 0 8px;
      }