.stepper-container{background:linear-gradient(#6a00b6 0%,#8c00ff 100%);border-radius:1.5rem;flex-direction:column;justify-content:space-between;width:100%;max-width:none;min-height:270px;margin:0 auto;padding:2rem;transition:all .3s;display:flex;box-shadow:0 12px 30px rgba(0,0,0,.25)}.stepper-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 1.5rem;display:flex}.stepper-container .stepper-header{width:100%}.step{z-index:2;color:#fff;background:#a94eff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 0 8px rgba(255,255,255,.15)}.step:hover{background:#b96bff;transform:scale(1.05)}.step.active{color:#7a00c2;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8)}.stepper-line{background:rgba(255,255,255,.25);border-radius:2px;flex-grow:1;height:2.4px;margin:0;transition:background .3s;position:relative;overflow:hidden}.stepper-line:after{content:"";background:linear-gradient(90deg,#b36bd1 0%,#ff36e6 100%);border-radius:2px;width:0%;height:100%;transition:width .45s ease-in-out;position:absolute;top:0;left:0}.stepper-line.completed:after{width:100%}.stepper-content{text-align:center;color:#fff;flex-direction:column;flex-grow:1;justify-content:center;gap:1rem;padding-top:1rem;transition:all .3s;display:flex}.stepper-content img,.stepper-content svg{width:60px;height:60px;margin:0 auto}.stepper-content h2{text-shadow:0 2px 6px rgba(0,0,0,.3);font-size:1.6rem;font-weight:700}.stepper-nav{justify-content:space-between;align-items:center;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.5);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.stepper-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}@media (max-width:640px){.stepper-container{min-height:230px;padding:1.5rem 1.2rem}.step{width:32px;height:32px;font-size:.9rem}.stepper-header{justify-content:center;gap:.5rem;padding:0}.stepper-line{height:2px;margin:0}.stepper-content h2{font-size:1.2rem}}