html {
  height: 100%;
  width: 100%;
}

/* Step box animations */
.step-box {
  transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.animate-step-up {
  transform: translateY(var(--wave-y-offset, -15px)) scale(var(--wave-scale, 1.05));
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  z-index: 10;
}

.animate-step-down {
  transform: translateY(0) scale(1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  z-index: 0;
}