:root{--step-primary-color: #0048C7;--step-light-color: #ffffff;--step-inactive-color: #a0aec0;--step-background-color: #e0e0e0}.step-indicator-container{position:relative;width:100%;max-width:800px;margin:2.5rem auto;padding:0 1rem;box-sizing:border-box}.progress-bar{position:absolute;top:-15px;left:5%;width:90%;height:4px;z-index:1}.progress-bar-background,.progress-bar-foreground{position:absolute;top:0;left:0;height:100%}.progress-bar-background{width:100%;background-color:#b5c7e9}.progress-bar-foreground{width:0;background-color:#fecc2f;transition:width .4s ease-in-out}.steps-list{display:flex;justify-content:space-between;align-items:flex-start;list-style-type:none;padding:0;margin:0;position:relative;z-index:2}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;color:var(--step-primary-color)}.step-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--step-primary-color);background-color:var(--step-light-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-bottom:.5rem;transition:all .4s ease}.step-label{font-size:.875rem;font-weight:400;transition:color .4s,font-weight .4s}.step-item.completed .step-circle{border-color:var(--step-primary-color)}.step-item.completed .step-label{color:var(--step-primary-color)}.step-item.current .step-circle{background-color:var(--step-primary-color);color:var(--step-light-color)}.step-item.current .step-label{font-weight:400}.step-item.finished .step-circle{background-color:#4c4c4c;color:#fff;border:#4C4C4C}.step-item.finished .step-label{color:#4c4c4c}