body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'Inter', sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6, .headline {
      font-family: 'Manrope', sans-serif;
    }
    
    :root {
      --green-primary: #22c55e;
      --green-dark: #16a34a;
      --green-light: #dcfce7;
      --blue-accent: #0ea5e9;
      --gray-soft: #f8fafc;
    }
    
    .gradient-green {
      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    }
    
    .gradient-text {
      background: linear-gradient(135deg, #22c55e 0%, #0ea5e9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px rgba(34, 197, 94, 0.15);
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      transform: scale(1.03);
      box-shadow: 0 10px 30px rgba(34, 197, 94, 0.3);
    }
    
    .nav-link {
      position: relative;
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #22c55e, #0ea5e9);
      transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
      width: 100%;
    }
    
    .input-field {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      transition: all 0.3s ease;
    }
    
    .input-field:focus {
      border-color: #22c55e;
      box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
      outline: none;
    }
    
    .animate-fade-in {
      animation: fadeIn 0.4s ease forwards;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .animate-slide-up {
      animation: slideUp 0.5s ease forwards;
    }
    
    @keyframes slideUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .leaf-pattern {
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c-5 10-15 15-25 15 5 10 15 20 25 35 10-15 20-25 25-35-10 0-20-5-25-15z' fill='%2322c55e' fill-opacity='0.03'/%3E%3C/svg%3E");
    }
    
    .category-pill {
      transition: all 0.3s ease;
    }
    
    .category-pill:hover, .category-pill.active {
      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
      color: white;
      border-color: transparent;
    }
    
    .scrollbar-thin::-webkit-scrollbar {
      width: 6px;
    }
    
    .scrollbar-thin::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    
    .scrollbar-thin::-webkit-scrollbar-thumb {
      background: #22c55e;
      border-radius: 3px;
    }
    
    .modal-backdrop {
      backdrop-filter: blur(8px);
    }
    
    .product-card img {
      transition: transform 0.5s ease;
    }
    
    .product-card:hover img {
      transform: scale(1.05);
    }
    
    .badge-float {
      animation: float 3s ease-in-out infinite;
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }