body {
      box-sizing: border-box;
      font-family: 'Nunito', sans-serif;
    }
    .font-baloo {
      font-family: 'Baloo 2', cursive;
    }
    @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(-10px); }
    }
    @keyframes sparkle {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.2); }
    }
    @keyframes bounce-gentle {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-5px); }
    }
    .float-animation {
      animation: float 6s ease-in-out infinite;
    }
    .float-slow {
      animation: floatSlow 4s ease-in-out infinite;
    }
    .sparkle {
      animation: sparkle 2s ease-in-out infinite;
    }
    .bounce-gentle {
      animation: bounce-gentle 2s ease-in-out infinite;
    }
    .card-hover {
      transition: all 0.3s ease;
    }
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }
    .gradient-hero {
      background: linear-gradient(135deg, #74C0FC 0%, #FFB6B9 50%, #FFE066 100%);
    }
    .gradient-mint {
      background: linear-gradient(135deg, #B8F2E6 0%, #74C0FC 100%);
    }
    .gradient-pink {
      background: linear-gradient(135deg, #FFB6B9 0%, #FFE066 100%);
    }
    .text-gradient {
      background: linear-gradient(135deg, #74C0FC, #FFB6B9);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #74C0FC, #FFB6B9);
      transition: width 0.3s ease;
    }
    .nav-link:hover::after {
      width: 100%;
    }
    .btn-primary {
      background: linear-gradient(135deg, #74C0FC, #FFB6B9);
      transition: all 0.3s ease;
    }
    .btn-primary:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(116, 192, 252, 0.4);
    }
    .btn-secondary {
      background: linear-gradient(135deg, #FFE066, #B8F2E6);
      transition: all 0.3s ease;
    }
    .btn-secondary:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(255, 224, 102, 0.4);
    }
    .modal-overlay {
      background: rgba(0,0,0,0.5);
      backdrop-filter: blur(5px);
    }
    .page-section {
      display: none;
    }
    .page-section.active {
      display: block;
    }
    .product-card {
      transition: all 0.3s ease;
    }
    .product-card:hover {
      transform: scale(1.02);
    }
    .filter-btn.active {
      background: linear-gradient(135deg, #74C0FC, #FFB6B9);
      color: white;
    }
    .game-card {
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .game-card:hover {
      transform: scale(1.05);
    }
    .cart-badge {
      position: absolute;
      top: -8px;
      right: -8px;
      background: #FFB6B9;
      color: white;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    input:focus, textarea:focus, select:focus {
      outline: none;
      border-color: #74C0FC;
      box-shadow: 0 0 0 3px rgba(116, 192, 252, 0.2);
    }
    .footer-link {
      transition: color 0.3s ease, transform 0.3s ease;
    }
    .footer-link:hover {
      color: #74C0FC;
      transform: translateX(5px);
    }
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F5F5F5;
    }
    ::-webkit-scrollbar-thumb {
      background: linear-gradient(135deg, #74C0FC, #FFB6B9);
      border-radius: 4px;
    }