.progress-container{margin:32px 0}.progress-bar{background:#e5e5e5;border-radius:999px;width:100%;height:8px;margin-bottom:32px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-end) 100%);border-radius:999px;height:100%;transition:width .4s}.progress-steps{justify-content:space-between;display:flex;position:relative}.progress-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#999;z-index:2;background:#e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.progress-step.completed .step-circle{background:var(--color-primary);color:#fff}.progress-step.active .step-circle{background:var(--color-primary);color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #0b5fff66}.step-label{color:#666;text-align:center;margin-top:8px;font-size:.75rem;font-weight:500}.progress-step.active .step-label{color:var(--color-primary);font-weight:600}.progress-step.completed .step-label{color:#111}@media (width<=768px){.step-circle{width:28px;height:28px;font-size:.75rem}.step-label{font-size:.65rem}.progress-step.active .step-circle{transform:scale(1.1)}}