.path-wrap{margin:0 auto;max-width:100%;overflow:hidden;width:100%}.path-header{margin-bottom:48px;text-align:center}.path-label{color:#6c47ff;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.path-title{color:#0d0c1e;font-size:32px;font-weight:800;line-height:1.25;margin-bottom:12px}.path-sub{color:#4b5563;font-size:15px;line-height:1.6;margin:0 auto;max-width:600px}.timeline{padding-left:48px;position:relative}.timeline:before{background:linear-gradient(180deg,#6c47ff,#a89bff 50%,#d4cffc);border-radius:1px;bottom:24px;content:"";left:19px;position:absolute;top:24px;width:2px}.step{animation:stepIn .4s ease forwards;cursor:pointer;margin-bottom:8px;opacity:0;position:relative}.step:last-child{margin-bottom:0}.step:first-child{animation-delay:.05s}.step:nth-child(2){animation-delay:.1s}.step:nth-child(3){animation-delay:.15s}.step:nth-child(4){animation-delay:.2s}.step:nth-child(5){animation-delay:.25s}.step:nth-child(6){animation-delay:.3s}.step:nth-child(7){animation-delay:.35s}@keyframes stepIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.step-dot{align-items:center;background:#d4cffc;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(108,71,255,.15);color:#fff;display:flex;font-size:14px;font-weight:800;height:38px;justify-content:center;left:-48px;position:absolute;top:20px;transition:all .4s ease;width:38px;z-index:2}.step.active .step-dot{background:#6c47ff;box-shadow:0 4px 16px rgba(108,71,255,.4);transform:scale(1.1)}.step.completed .step-dot{background:#10b981}.step-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid rgba(108,71,255,.08);border-radius:16px;padding:20px 24px;transition:all .3s ease}.step:hover .step-card{border-color:rgba(108,71,255,.2);box-shadow:0 4px 16px rgba(108,71,255,.06)}.step.active .step-card{background:#faf8ff;border-color:rgba(108,71,255,.3);box-shadow:0 8px 28px rgba(108,71,255,.1)}.step-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.step-num{color:#a89bff;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.step.active .step-num{color:#6c47ff}.step-name{color:#0d0c1e;font-size:17px;font-weight:700;line-height:1.3}.step-chevron{align-items:center;background:rgba(108,71,255,.06);border-radius:8px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.step.active .step-chevron{background:rgba(108,71,255,.12);transform:rotate(180deg)}.step-body{max-height:0;opacity:0;overflow:hidden;padding-top:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.step.active .step-body{max-height:300px;opacity:1;padding-top:16px}.step-desc{color:#4b5563;font-size:14px;line-height:1.7}.progress-bar{margin-top:40px;padding-left:48px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px}.progress-text{color:#6c47ff;font-size:12px;font-weight:600}.progress-pct{color:#6c47ff;font-size:12px;font-weight:700}.progress-track{background:rgba(108,71,255,.08);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c47ff,#a89bff);border-radius:3px;height:100%;transition:width .5s ease}@media(max-width:600px){.timeline{padding-left:36px}.timeline:before{left:13px}.step-dot{font-size:11px;height:28px;left:-36px;width:28px}.step-card{padding:16px 18px}.step-name{font-size:15px}.path-title{font-size:24px}.progress-bar{padding-left:36px}}