.progress-bar-container {
  width: 100%;
  height: 8px;
  background: rgba(124, 107, 158, 0.16);
  border-radius: 999px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.progress-bar {
  width: 33.33%;
  height: 100%;
  background: linear-gradient(90deg, #7c6b9e, #9a8bb8);
  transition: width 0.25s ease;
}

.form-step.is-hidden {
  display: none;
}

.helper-text {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 0.625rem;
}

.button-group {
  display: flex;
  gap: 0.625rem;
}

.button-group .social-btn {
  flex: 1;
}

.button-group .login-btn {
  flex: 2;
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-4px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(4px);
  }
}