body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'Plus Jakarta Sans', sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Syne', sans-serif;
      letter-spacing: -0.02em;
    }
    
    .number-display {
      font-family: 'Rajdhani', monospace;
      letter-spacing: 0.05em;
    }
    
    .nav-link, .btn-primary, .btn-secondary {
      font-family: 'Space Grotesk', sans-serif;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #0A0F24 0%, #1a1f3a 50%, #0A0F24 100%);
    }
    
    .hero-gradient {
      background: linear-gradient(135deg, #9B5CFF 0%, #82FFD9 100%);
      opacity: 0.15;
    }
    
    .card-glass {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .glow-gold {
      box-shadow: 0 0 20px rgba(244, 206, 99, 0.4);
    }
    
    .glow-purple {
      box-shadow: 0 0 30px rgba(155, 92, 255, 0.5);
    }
    
    .glow-mint {
      box-shadow: 0 0 25px rgba(130, 255, 217, 0.4);
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #F4CE63 0%, #E8B84D 100%);
      transition: all 0.4s ease;
    }
    
    .btn-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(244, 206, 99, 0.5);
    }
    
    .btn-secondary {
      background: linear-gradient(135deg, #9B5CFF 0%, #7B3FD9 100%);
      transition: all 0.4s ease;
    }
    
    .btn-secondary:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(155, 92, 255, 0.5);
    }
    
    .floating-coin {
      animation: float 3s ease-in-out infinite;
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-20px) rotate(10deg); }
    }
    
    .pulse-glow {
      animation: pulse 2s ease-in-out infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 0.6; }
      50% { opacity: 1; }
    }
    
    .card-hover {
      transition: all 0.4s ease;
    }
    
    .card-hover:hover {
      transform: translateY(-8px);
      border-color: rgba(155, 92, 255, 0.6);
    }
    
    .confetti {
      animation: confetti-fall 3s ease-out infinite;
    }
    
    @keyframes confetti-fall {
      0% { transform: translateY(-100%) rotate(0deg); opacity: 1; }
      100% { transform: translateY(100%) rotate(360deg); opacity: 0; }
    }
    
    .modal-backdrop {
      background: rgba(10, 15, 36, 0.95);
      backdrop-filter: blur(8px);
    }
    
    .slide-enter {
      animation: slideIn 0.5s ease-out;
    }
    
    @keyframes slideIn {
      from { transform: translateX(-100%); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
    }
    
    .fade-in {
      animation: fadeIn 0.6s ease-out;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #9B5CFF, #82FFD9);
      transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
      width: 100%;
    }
    
    .cart-badge {
      background: linear-gradient(135deg, #F4CE63, #E8B84D);
      animation: bounce 1s ease-in-out infinite;
    }
    
    @keyframes bounce {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.1); }
    }