.steps-indicator-container{width:100%;padding:1rem .5rem .75rem;overflow-x:auto;overflow-y:hidden;border-radius:16px;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(157,106,189,.3) transparent}.steps-indicator-container::-webkit-scrollbar{height:6px}.steps-indicator-container::-webkit-scrollbar-track{background:transparent}.steps-indicator-container::-webkit-scrollbar-thumb{background:rgba(157,106,189,.3);border-radius:3px}.steps-indicator-container::-webkit-scrollbar-thumb:hover{background:rgba(157,106,189,.5)}.steps-indicator{display:flex;align-items:flex-start;justify-content:flex-start;min-width:max-content;width:100%;gap:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.5rem;border-radius:12px}.step-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);position:relative;overflow:hidden}.step-number:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(157,106,189,.5),rgba(68,45,87,.5));opacity:0;transition:opacity .3s ease}.step-item.active .step-number{background:linear-gradient(135deg,#F5C36A,#7A5418);border-color:#F5C36A;color:white;transform:scale(1.1)}.step-item.active .step-number:before{opacity:1}.step-item.completed .step-number{background:linear-gradient(135deg,#8B5AAD,#F5C36A);border-color:#F5C36A;color:white}.check-icon{width:24px;height:24px;animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.step-label{font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.6);text-align:center;width:100%;max-width:100px;transition:all .3s ease;white-space:normal;line-height:1.2;margin-top:.5rem}.step-item.active .step-label{color:#C4CEFE;font-weight:600;transform:scale(1.05);text-shadow:0 0 10px rgba(157,106,189,.5)}.step-item.completed .step-label{color:rgba(255,255,255,.8)}.step-connector{flex:1;height:2px;background:rgba(255,255,255,.1);min-width:40px;max-width:120px;position:relative;overflow:hidden;margin-top:calc(.5rem + 24px - 1px)}.step-connector:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8B5AAD,#F5C36A);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.step-connector.completed:before{transform:scaleX(1)}@media (max-width:1024px){.step-label{font-size:.75rem;max-width:100px}.step-number{width:40px;height:40px;font-size:1rem}.step-connector{margin-top:calc(.5rem + 20px - 1px)}.check-icon{width:20px;height:20px}}@media (max-width:768px){.steps-indicator-container{padding:1.5rem .75rem}.step-label{font-size:.7rem;max-width:80px}.step-number{width:36px;height:36px;font-size:.875rem}.step-connector{min-width:20px;max-width:40px;margin-top:calc(.5rem + 18px - 1px)}}