@keyframes scroll-dot {
  0% { transform: translateY(0); opacity: 0.4; }
  50% { transform: translateY(10px); opacity: 1; }
  100% { transform: translateY(0); opacity: 0.4; }
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
.button-primary:hover,
.button-primary:focus-visible {
  background: var(--accent-dark);
}
.button-secondary:hover,
.button-secondary:focus-visible {
  background: rgba(245,225,0,0.2);
}