.nav-links a.nav-hackersdock,
.mobile-menu a.nav-hackersdock {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .48rem .85rem;
  border: 1px solid #f4c7c3;
  border-radius: 999px;
  background: linear-gradient(115deg, #fff5f4, #ffe8e6 58%, #ffdedb);
  color: #c0392b;
  font-weight: 700;
  box-shadow: 0 2px 10px rgba(192,57,43,.12);
  transition: transform .18s ease, box-shadow .18s ease;
  animation: hackersdock-text-blink 1.4s ease-in-out infinite;
}

.nav-links a.nav-hackersdock::after,
.mobile-menu a.nav-hackersdock::after {
  content: "";
  width: .42rem;
  height: .42rem;
  flex: 0 0 .42rem;
  border-radius: 50%;
  background: #f08a82;
  box-shadow: 0 0 0 3px rgba(240,138,130,.18);
  animation: hackersdock-dot-blink 1.4s ease-in-out infinite;
}

.nav-links a.nav-hackersdock:hover,
.mobile-menu a.nav-hackersdock:hover {
  background: linear-gradient(115deg, #ffedeb, #ffdedb 58%, #ffd1cd);
  color: #a92c22;
  box-shadow: 0 4px 14px rgba(192,57,43,.2);
  transform: translateY(-1px);
}

.nav-links a.nav-hackersdock:focus-visible,
.mobile-menu a.nav-hackersdock:focus-visible {
  outline: 3px solid rgba(192,57,43,.35);
  outline-offset: 3px;
}

.mobile-menu a.nav-hackersdock {
  align-self: flex-start;
  margin: .25rem .75rem;
}

@keyframes hackersdock-dot-blink {
  0%, 100% { opacity: .4; }
  50% { opacity: 1; }
}

@keyframes hackersdock-text-blink {
  0%, 100% { color: #1a1a1a; }
  50% { color: #c0392b; }
}

@media (prefers-reduced-motion: reduce) {
  .nav-links a.nav-hackersdock,
  .mobile-menu a.nav-hackersdock,
  .nav-links a.nav-hackersdock::after,
  .mobile-menu a.nav-hackersdock::after {
    animation: none;
    transition: none;
  }
}