.outer-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:16px;display:flex}.step-circle-container{border:1px solid var(--color-border-subtle);box-sizing:border-box;background-color:#12121a;border-radius:16px;flex-direction:column;width:min(480px,100vw - 32px);max-width:480px;height:auto;padding:32px 32px 24px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}@media (max-width:640px){.step-circle-container{padding:32px 24px 24px}}.step-indicator-row{justify-content:center;align-items:center;width:100%;max-width:240px;margin:0 auto 28px;display:flex}.step-content-default{width:100%;position:relative;overflow:hidden}.step-default{width:100%}.footer{flex-direction:column;gap:20px;width:100%;margin-top:32px;display:flex}.footer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.back-button{color:#a3a3a3;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:12px 20px;font-size:14px;font-weight:500;transition:transform .2s,color .2s}.back-button:hover{color:#fff;transform:scale(1.02)}.back-button:active{transform:scale(.98)}.back-button.inactive{pointer-events:none;opacity:.5;color:#a3a3a3}.next-button{color:#fff;cursor:pointer;background-color:#ff2d55;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:120px;max-width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #ff2d5533}.next-button:hover:not(:disabled){background-color:#e0203f;transform:scale(1.02);box-shadow:0 6px 16px #ff2d554d}.next-button:active:not(:disabled){transform:scale(.98)}.next-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.footer-actions{flex-direction:column;align-items:stretch}.back-button,.next-button{width:100%}}.step-indicator{cursor:pointer;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;transition:background-color .3s,color .3s;display:flex}.active-dot{background-color:#fff;border-radius:9999px;width:8px;height:8px}.step-number{font-size:12px}.step-connector{background-color:#222;border-radius:9999px;flex-grow:1;align-self:center;height:2px;margin-left:8px;margin-right:8px;position:relative;overflow:hidden}.step-connector-inner{height:100%;position:absolute;top:0;left:0}.check-icon{color:#fff;width:12px;height:12px}