body { box-sizing: border-box; }
    * { font-family: 'Quicksand', sans-serif; }
    h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; }
    
    @keyframes float {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-20px) rotate(5deg); }
    }
    @keyframes bounce-slow {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    @keyframes wiggle {
      0%, 100% { transform: rotate(-3deg); }
      50% { transform: rotate(3deg); }
    }
    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.4); }
      50% { box-shadow: 0 0 40px rgba(255, 107, 53, 0.8); }
    }
    @keyframes slide-up {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes star-twinkle {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(0.8); }
    }
    .float-animation { animation: float 6s ease-in-out infinite; }
    .bounce-animation { animation: bounce-slow 3s ease-in-out infinite; }
    .wiggle-animation { animation: wiggle 2s ease-in-out infinite; }
    .pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
    .slide-up { animation: slide-up 0.6s ease-out forwards; }
    .star-twinkle { animation: star-twinkle 2s ease-in-out infinite; }
    
    .card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .card-hover:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
    
    .btn-playful { transition: all 0.3s ease; position: relative; overflow: hidden; }
    .btn-playful:hover { transform: translateY(-3px) scale(1.05); }
    .btn-playful:active { transform: translateY(0) scale(0.98); }
    
    .gradient-text {
      background: linear-gradient(135deg, #FF6B35, #FF1493, #00D4FF);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .blob-bg {
      background: radial-gradient(ellipse at 30% 20%, rgba(0, 212, 255, 0.15) 0%, transparent 50%),
                  radial-gradient(ellipse at 70% 80%, rgba(255, 20, 147, 0.15) 0%, transparent 50%),
                  radial-gradient(ellipse at 50% 50%, rgba(132, 204, 22, 0.1) 0%, transparent 50%);
    }
    
    .nav-link { position: relative; }
    .nav-link::after {
      content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 3px;
      background: linear-gradient(90deg, #FF6B35, #FF1493);
      transition: width 0.3s ease; border-radius: 2px;
    }
    .nav-link:hover::after { width: 100%; }
    
    .scroll-smooth { scroll-behavior: smooth; }
    
    .modal-overlay {
      background: rgba(0, 0, 0, 0.6);
      backdrop-filter: blur(8px);
    }
    
    .input-playful {
      transition: all 0.3s ease;
      border: 2px solid #e5e7eb;
    }
    .input-playful:focus {
      border-color: #FF6B35;
      box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
      outline: none;
    }
    
    .zone-card {
      background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    }
    
    .testimonial-card {
      background: linear-gradient(135deg, #fff 0%, #fef3c7 100%);
    }
    
    .floating-element {
      position: absolute;
      pointer-events: none;
      z-index: 1;
    }
    
    .page-section { display: none; }
    .page-section.active { display: block; }
    
    ::-webkit-scrollbar { width: 10px; }
    ::-webkit-scrollbar-track { background: #FFF8F0; }
    ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #FF6B35, #FF1493); border-radius: 5px; }
    
    .game-card { cursor: pointer; }
    .game-container { background: #1a1a2e; border-radius: 16px; }