.stepper-container{width:100%;padding:1rem 0}.stepper{align-items:flex-start;justify-content:space-between;width:100%;max-width:800px;margin:0 auto}.step,.stepper{display:flex;position:relative}.step{flex-direction:column;align-items:center;z-index:2;flex:1;min-width:0}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:2px solid #d1d5db;margin-bottom:8px;transition:all .3s ease}.step.active .step-circle{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.step.complete .step-circle{background:#10b981;border-color:#10b981}.step-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.checkmark{color:#fff;font-weight:700;font-size:14px}.step-content{text-align:center;min-height:40px;display:flex;flex-direction:column;justify-content:center}.step-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:2px;line-height:1.2}.step-status{font-size:10px;font-weight:500;color:#6b7280;line-height:1.2}.step.active .step-status,.step.active .step-title{color:#3b82f6}.step.complete .step-status,.step.complete .step-title{color:#10b981}.progress-bar{position:absolute;top:16px;height:2px;background:#e5e7eb;z-index:1;border-radius:1px}.progress{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:1px;transition:width .3s ease}@media (max-width:768px){.stepper-container{padding:.5rem 0}.step-circle{width:28px;height:28px;margin-bottom:6px}.step-icon{width:16px;height:16px}.step-title{font-size:11px}.step-status{font-size:9px}.progress-bar{top:14px}}@media (max-width:480px){.step-circle{width:24px;height:24px}.step-icon{width:14px;height:14px}.step-title{font-size:10px}.step-status{font-size:8px}.progress-bar{top:12px}.checkmark{font-size:12px}}