.step-nav {
  position: fixed;
  left: 4vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  z-index: 10;
}

.step-nav .step {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(157, 255, 47, 0.35);
  background: transparent;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.step-nav .step.active {
  background: var(--accent);
  transform: scale(1.2);
  box-shadow:
    0 0 10px rgba(57, 255, 20, 0.5),
    0 0 22px rgba(57, 255, 20, 0.35);
}