.progress-indicator-wrapper{max-width:80rem;margin-left:auto;margin-right:auto;padding:1.5rem 1rem .5rem;background:#f9fafb}@media (min-width:640px){.progress-indicator-wrapper{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.progress-indicator-wrapper{padding-left:2rem;padding-right:2rem}}.cialdini-progress-indicator{max-width:900px;margin:24px auto;padding:0 24px;position:relative;z-index:30}.progress-bar-container{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981 0,#059669 100%);transition:width .5s}.progress-steps{display:flex;justify-content:space-between;gap:8px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:.3s}.step-active .step-circle{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.step-completed .step-circle{background:#10b981;color:#fff}.step-pending .step-circle{background:#f1f5f9;color:#94a3b8;border:2px solid #e2e8f0}.step-label{font-size:12px;color:#64748b;text-align:center;max-width:150px;word-wrap:break-word;white-space:normal}.step-active .step-label{color:#0f172a;font-weight:600}@media (max-width:768px){.progress-indicator-wrapper{padding-top:1rem;padding-bottom:.5rem}.cialdini-progress-indicator{padding:0 16px;margin:12px auto}.progress-bar-container{margin-bottom:12px}.step-label{font-size:10px;max-width:80px;line-height:1.2}.step-circle{width:24px;height:24px;font-size:11px}.progress-step,.progress-steps{gap:4px}}