/* SCROLL INDICATOR */
.scroll-indicator {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  opacity: 0.5;
  animation: bounce 2s ease-in-out infinite;
}
.scroll-indicator span {
  font-size: 10px;
  letter-spacing: 4px;
  font-family: 'Space Mono', monospace;
  color: var(--gray);
}
.scroll-line {
  width: 1px; height: 40px;
  background: linear-gradient(to bottom, var(--purple), transparent);
}

@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(6px); }
}