body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #FAFAF5;
  min-height: 100vh;
}
.hero-gradient {
  background: radial-gradient(circle at top right, #fde68a, #f2930d);
}
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.filter-btn { transition: all 0.3s ease; }
.filter-btn.active {
  background-color: #f2930d;
  color: white;
  box-shadow: 0 10px 25px -8px rgba(242, 147, 13, 0.2);
}
.filter-btn:not(.active):hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.4s ease-out forwards; }