html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.nav-link {
  position: relative;
  color: #e2e8f0;
  transition: color 0.15s ease-out;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.15rem;
  width: 0;
  height: 2px;
  background: linear-gradient(to right, #3b82f6, #22c55e);
  transition: width 0.2s ease-out;
}

.nav-link:hover {
  color: #ffffff;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link-active {
  font-weight: 600;
  color: #ffffff;
}

.nav-link-active::after {
  width: 100%;
}