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(0px) rotate(0deg); }
      50% { transform: translateY(-20px) rotate(5deg); }
    }
    
    @keyframes bounce-slow {
      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; }
    }
    
    @keyframes slideIn {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 157, 0.4); }
      50% { box-shadow: 0 0 40px rgba(255, 107, 157, 0.8); }
    }
    
    .float-animation { animation: float 4s ease-in-out infinite; }
    .bounce-animation { animation: bounce-slow 2s ease-in-out infinite; }
    .sparkle-animation { animation: sparkle 1.5s ease-in-out infinite; }
    .slide-in { animation: slideIn 0.6s ease-out forwards; }
    .pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
    
    .gradient-btn {
      background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 50%, #FFD93D 100%);
      transition: all 0.3s ease;
    }
    
    .gradient-btn:hover {
      transform: translateY(-3px) scale(1.02);
      box-shadow: 0 10px 30px rgba(255, 107, 157, 0.4);
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .card-hover:hover {
      transform: translateY(-12px) scale(1.02);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }
    
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 3px;
      background: linear-gradient(90deg, #FF6B9D, #FFD93D);
      border-radius: 2px;
      transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
      width: 100%;
    }
    
    .pastel-gradient {
      background: linear-gradient(135deg, #E8F4FD 0%, #F0FDF4 50%, #FFFBEB 100%);
    }
    
    .cta-gradient {
      background: linear-gradient(135deg, #FFE5EC 0%, #E8F4FD 50%, #F0FDF4 100%);
    }
    
    .confetti-piece {
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 2px;
      animation: confetti 3s ease-in-out infinite;
    }
    
    .modal-overlay {
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
    }
    
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    
    .input-field {
      transition: all 0.3s ease;
      border: 2px solid #E5E7EB;
    }
    
    .input-field:focus {
      border-color: #FF6B9D;
      box-shadow: 0 0 0 4px rgba(255, 107, 157, 0.1);
      outline: none;
    }
    
    .tab-active {
      background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 100%);
      color: white;
    }
    
    .category-card {
      background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    }
    
    .testimonial-card {
      background: linear-gradient(135deg, #FFFFFF 0%, #FFF5F7 100%);
    }
    
    .product-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }