.skip-link {
  position: fixed;
  z-index: 1200;
  top: 12px;
  left: 12px;
  padding: 9px 14px;
  border: 1px solid rgba(66, 210, 229, 0.42);
  border-radius: 9px;
  background: #0b2030;
  color: #eaf8fb;
  font: 750 0.72rem var(--font-sans);
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(4, 19, 30, 0.24);
  transform: translateY(-180%);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.skip-link:focus {
  outline: 2px solid #46d2e5;
  outline-offset: 3px;
  transform: translateY(0);
  box-shadow: 0 16px 36px rgba(4, 19, 30, 0.3);
}