body {
      box-sizing: border-box;
    }
    
    :root {
      --neon-pink: #FF6B9D;
      --electric-blue: #4ECDC4;
      --vibrant-orange: #FF9F43;
      --lime-green: #A8E6CF;
      --soft-cream: #FFF8F0;
    }
    
    * {
      font-family: 'Nunito', sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6, .heading-font {
      font-family: 'Fredoka', sans-serif;
    }
    
    .gradient-btn {
      background: linear-gradient(135deg, var(--neon-pink) 0%, var(--vibrant-orange) 100%);
      transition: all 0.3s ease;
    }
    
    .gradient-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(255, 107, 157, 0.4);
    }
    
    .outline-btn {
      border: 2px solid var(--electric-blue);
      color: var(--electric-blue);
      transition: all 0.3s ease;
    }
    
    .outline-btn:hover {
      background: var(--electric-blue);
      color: white;
      transform: translateY(-3px);
    }
    
    .card-hover {
      transition: all 0.3s ease;
    }
    
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-20px) rotate(5deg); }
    }
    
    @keyframes floatSlow {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-15px); }
    }
    
    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    
    @keyframes sparkle {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.2); }
    }
    
    @keyframes confetti {
      0% { transform: translateY(0) rotate(0deg); opacity: 1; }
      100% { transform: translateY(100px) rotate(720deg); opacity: 0; }
    }
    
    .float-animation {
      animation: float 4s ease-in-out infinite;
    }
    
    .float-slow {
      animation: floatSlow 5s ease-in-out infinite;
    }
    
    .bounce-animation {
      animation: bounce 2s ease-in-out infinite;
    }
    
    .sparkle {
      animation: sparkle 2s ease-in-out infinite;
    }
    
    .smooth-scroll {
      scroll-behavior: smooth;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #FFF8F0 0%, #E8F6FF 50%, #FFF0F5 100%);
    }
    
    .cta-gradient {
      background: linear-gradient(135deg, var(--neon-pink) 0%, var(--vibrant-orange) 50%, var(--lime-green) 100%);
    }
    
    .nav-blur {
      backdrop-filter: blur(10px);
      background: rgba(255, 248, 240, 0.9);
    }
    
    .text-gradient {
      background: linear-gradient(135deg, var(--neon-pink) 0%, var(--vibrant-orange) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .zone-card {
      background: white;
      border-radius: 24px;
      overflow: hidden;
    }
    
    .testimonial-card {
      background: white;
      border-radius: 20px;
      padding: 2rem;
    }
    
    .event-card {
      border-radius: 20px;
      overflow: hidden;
    }
    
    .input-field {
      border: 2px solid #E5E7EB;
      border-radius: 12px;
      padding: 12px 16px;
      transition: all 0.3s ease;
    }
    
    .input-field:focus {
      border-color: var(--electric-blue);
      outline: none;
      box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.2);
    }
    
    .modal-overlay {
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(5px);
    }
    
    .modal-content {
      background: white;
      border-radius: 24px;
      max-width: 400px;
      width: 90%;
    }
    
    /* Hide scrollbar but keep functionality */
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }