body { box-sizing: border-box; }
    * { font-family: 'Quicksand', sans-serif; }
    h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; }
    
    .fade-in { animation: fadeIn 0.6s ease-out forwards; opacity: 0; }
    .fade-in-delay-1 { animation-delay: 0.1s; }
    .fade-in-delay-2 { animation-delay: 0.2s; }
    .fade-in-delay-3 { animation-delay: 0.3s; }
    .fade-in-delay-4 { animation-delay: 0.4s; }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .card-hover {
      transition: all 0.3s ease;
    }
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(118, 200, 147, 0.2);
    }
    
    .btn-glow:hover {
      box-shadow: 0 0 30px rgba(118, 200, 147, 0.4);
    }
    
    .gradient-text {
      background: linear-gradient(135deg, #76C893, #52B788);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .hero-bg {
      background: linear-gradient(135deg, #f0fff4 0%, #ffffff 50%, #fff5f5 100%);
    }
    
    .organic-shape {
      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
    
    .smooth-scroll { scroll-behavior: smooth; }
    
    .nav-link {
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: #76C893;
      transition: width 0.3s ease;
    }
    .nav-link:hover::after {
      width: 100%;
    }
    
    input:focus, textarea:focus {
      outline: none;
      border-color: #76C893;
      box-shadow: 0 0 0 3px rgba(118, 200, 147, 0.2);
    }
    
    .filter-btn.active {
      background: #76C893;
      color: white;
    }
    
    .modal-overlay {
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
    }