.stepper{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 20px}.stepper-step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;min-height:70px}.stepper-step:not(:last-child):after{content:'';position:absolute;top:18px;left:calc(50% + 19px);width:calc(100% - 38px);height:4px;background-color:#dee2e6;z-index:0;transition:background-color .3s ease}.stepper-step.completed:not(:last-child):after{background-color:var(--color-primary-light)}.stepper-circle{width:38px;height:38px;border-radius:50%;background:#dee2e6;color:#495057;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;z-index:1;transition:background .3s ease,color .3s ease,transform .3s ease;border:2px solid transparent}.stepper-circle.completed{background:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light)}.stepper-circle.active{background-color:var(--color-primary);color:#fff;transform:scale(1.1);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-25)}.stepper-label{margin-top:8px;font-size:.875rem;text-align:center;font-weight:500;color:#6c757d}.stepper-step.active .stepper-label{color:var(--color-primary);font-weight:600}.stepper-step.completed .stepper-label{color:var(--color-primary-light)}.stepper-step:hover .stepper-circle:not(.active):not(.completed){background-color:#e9ecef;transform:scale(1.05)}