.step-indicator {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.step-completed {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}

.step-completed .step-indicator {
  background-color: #d1fae5;
  border-color: #34d399;
  color: #065f46;
}

.step-completed p {
  color: #065f46;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(59, 130, 246, 0.35);
  border-top-color: rgba(59, 130, 246, 1);
  border-radius: 999px;
}