.wizard-hero { background: var(--color-bg); }
.progress-steps { display: flex; justify-content: space-between; position: relative; }
.progress-steps::before { content: ''; position: absolute; left: 1rem; right: 1rem; top: 50%; height: 2px; background: rgba(255,255,255,.08); }
.step { display: grid; justify-items: center; gap: .5rem; background: transparent; }
.step-circle { width: 48px; height: 48px; border-radius: 50%; display:flex; align-items:center; justify-content:center; border: 2px solid rgba(255,255,255,.14); color: var(--color-text-muted); }
.step.active .step-circle { background: var(--color-primary); color: #0b0f14; border-color: transparent; }
.step.completed .step-circle { background: linear-gradient(180deg, var(--color-primary), var(--color-primary-600)); color: #0b0f14; border-color: transparent; }
.step-label { font-size: .85rem; color: var(--color-text-muted); font-weight: 600; }
.step.active .step-label { color: var(--color-text); }
.wizard-card .card-body { padding: 2rem; }
@media (max-width: 768px){
  .progress-steps { flex-direction: column; gap: 1rem; }
  .progress-steps::before { display: none; }
  .step { grid-template-columns: 48px 1fr; align-items: center; justify-items: start; background: rgba(255,255,255,.03); padding: .75rem; border-radius: var(--radius-md); border: 1px solid rgba(255,255,255,.08); }
}