body {
  font-family: "Plus Jakarta Sans", sans-serif;
  scroll-behavior: smooth;
}
[x-cloak] {
  display: none !important;
}
.nav-link {
  @apply text-sm font-semibold uppercase tracking-wider text-slate-700 hover:text-blue-600 transition-colors relative;
}
.nav-link::after {
  content: "";
  @apply absolute -bottom-1 left-0 w-0 h-0.5 bg-blue-600 transition-all duration-300;
}
.nav-link:hover::after {
  @apply w-full;
}
.btn-primary {
  @apply bg-black text-white px-8 py-3 rounded-full font-bold transition-all hover:bg-blue-700 hover:shadow-lg hover:shadow-blue-200 active:scale-95;
}
.chip {
  @apply inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-200 bg-white text-xs font-bold uppercase tracking-widest text-slate-700 hover:bg-slate-50 transition;
}