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 {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    @keyframes confetti {
      0% { transform: translateY(0) rotate(0deg); opacity: 1; }
      100% { transform: translateY(100px) rotate(720deg); opacity: 0; }
    }
    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 105, 180, 0.4); }
      50% { box-shadow: 0 0 40px rgba(255, 105, 180, 0.8); }
    }
    @keyframes slide-in {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .float-animation { animation: float 3s ease-in-out infinite; }
    .float-animation-delay { animation: float 3s ease-in-out infinite 0.5s; }
    .float-animation-delay-2 { animation: float 3s ease-in-out infinite 1s; }
    .bounce-animation { animation: bounce 2s ease-in-out infinite; }
    .pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
    .slide-in { animation: slide-in 0.6s ease-out forwards; }
    .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(255, 105, 180, 0.3);
    }
    .btn-bounce:hover {
      animation: bounce 0.5s ease-in-out;
    }
    .gradient-btn {
      background: linear-gradient(135deg, #FF69B4 0%, #FF6B35 50%, #00D4FF 100%);
      background-size: 200% 200%;
      transition: all 0.3s ease;
    }
    .gradient-btn:hover {
      background-position: right center;
      transform: scale(1.05);
    }
    .gradient-bg {
      background: linear-gradient(135deg, #FFF9E6 0%, #E8F4FD 50%, #FFF0F5 100%);
    }
    .hero-gradient {
      background: linear-gradient(135deg, #FFE4EC 0%, #E0F7FA 50%, #FFF8E1 100%);
    }
    .cta-gradient {
      background: linear-gradient(135deg, #FF69B4 0%, #FF6B35 30%, #00D4FF 70%, #7CFC00 100%);
    }
    .nav-blur {
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.9);
    }
    .text-gradient {
      background: linear-gradient(135deg, #FF69B4, #FF6B35, #00D4FF);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .modal-overlay {
      background: rgba(0, 0, 0, 0.6);
      backdrop-filter: blur(5px);
    }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    input:focus, select:focus, textarea:focus {
      outline: none;
      border-color: #FF69B4;
      box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.2);
    }
    .filter-active {
      background: linear-gradient(135deg, #FF69B4, #FF6B35) !important;
      color: white !important;
    }