.step-enter {
  animation: slideIn 0.3s ease;
}

@keyframes slideIn {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}

.camera-feed {
  object-fit: cover;
  border-radius: 0.75rem;
}

.preview-img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 0.75rem;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #7C3AED;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

.checkbox-label input:checked + .checkbox-box {
  background: #7C3AED;
  border-color: #7C3AED;
}

.checkbox-label input:checked + .checkbox-box::after {
  content: '✓';
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}