.header-link {
  background: var(--blue);
  border: 1px solid var(--blue);
  box-shadow: 0 7px 18px rgba(49, 87, 216, 0.18);
  color: #fff;
  padding: 11px 17px;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.header-link:hover {
  background: #2344b7;
  box-shadow: 0 10px 24px rgba(49, 87, 216, 0.27);
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .header-link {
    transition: none;
  }
}