/* Filter Section */
.filter-section {
  max-width: 1400px;
  margin: 0 auto 3rem;
  padding: 0 2rem;
  animation: fadeInUp 0.6s ease-out 0.3s backwards;
}

.filter-tabs {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.filter-tab {
  padding: 0.5rem 1.5rem;
  background: white;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  color: var(--text-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.filter-tab:hover {
  border-color: var(--accent-primary);
  background: var(--accent-light);
}

.filter-tab.active {
  background: var(--accent-primary);
  border-color: var(--accent-primary);
  color: white;
}