.header-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}

.login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 28px;
  background: rgba(8, 25, 38, .56);
  color: #f6f9fc;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .4px;
  text-decoration: none;
  white-space: nowrap;
}

.login-link:hover {
  background: rgba(25, 52, 72, .9);
  border-color: #72caff;
}

.login-link:focus-visible {
  outline: 2px solid #72caff;
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .header-actions { gap: 0; }
  .login-link { padding: 9px 14px; }
}