.step-circle { 
  width:36px; 
  height:36px; 
  border-radius:50%; 
  background:#e9ecef; 
  color:#6c757d; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  font-weight:700; 
  font-size:.9rem; 
  flex-shrink:0; 
  transition:all .3s; 
}
.step-circle.active { 
  background:var(--color-yellow); 
  color:#000; 
  box-shadow:0 0 0 4px rgba(255, 208, 0, 0.2); 
}
.step-line { 
  height:3px; 
  background:#e9ecef; 
  transition:background .3s; 
}
.step-line.active { 
  background:var(--color-yellow); 
}
.step-label { 
  font-size:.85rem; 
  font-weight:600; 
  color:#6c757d; 
  white-space:nowrap; 
}