.skc2l-steps{position:relative}
.skc2l-steps::before{content:"";position:absolute;left:8%;right:8%;top:50px;height:2px;background:repeating-linear-gradient(90deg,#b9a8ff 0 10px,transparent 10px 20px);background-size:40px 2px;animation:skDash 1.6s linear infinite;z-index:0}
.skc2l-c{position:relative;z-index:1;isolation:isolate}
.skc2l-c::before{content:"";position:absolute;inset:-1.5px;border-radius:19px;padding:1.5px;background:linear-gradient(130deg,#6a4cf0,#e010c8,#2f5bea);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}
.skc2l-c:hover::before{opacity:1}
.skc2l-c:hover{box-shadow:0 18px 44px rgba(106,76,240,.22),0 0 34px rgba(224,16,200,.14)!important}
.skc2l-c b{position:relative;transition:background .3s ease,color .3s ease,transform .3s ease}
.skc2l-c:hover b{background:linear-gradient(135deg,#6a4cf0,#e010c8);color:#fff;transform:rotate(-6deg) scale(1.06)}
.skc2l-c b::after{content:"";position:absolute;inset:-6px;border-radius:18px;border:2px solid #b9a8ff;animation:skRing 1.8s ease-out infinite}.skc2l-c:nth-child(2) b::after{animation-delay:.6s}.skc2l-c:nth-child(3) b::after{animation-delay:1.2s}
.skc2l-f div{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.skc2l-f div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#6a4cf0,#e010c8);transform:scaleY(.35);transform-origin:top;transition:transform .35s ease}
.skc2l-f div::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}
.skc2l-f div:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 28px rgba(106,76,240,.14)}
.skc2l-f div:hover::before{transform:scaleY(1)}
.skc2l-f div:hover::after{animation:skShine .8s ease}
.skc2l-ch span{transition:transform .2s ease,background .2s ease,color .2s ease}
.skc2l-ch span:hover{transform:translateY(-2px);background:#6a4cf0;color:#fff}
.skc2l.js .skc2l-c,.skc2l.js .skc2l-f div,.skc2l.js .skc2l-ch span{opacity:0;transform:translateY(26px)}
.skc2l.js.in .skc2l-c,.skc2l.js.in .skc2l-f div,.skc2l.js.in .skc2l-ch span{animation:skUp .7s cubic-bezier(.2,.7,.2,1) forwards}
.skc2l.js.in .skc2l-ch span:nth-child(2){animation-delay:.05s}.skc2l.js.in .skc2l-ch span:nth-child(3){animation-delay:.1s}.skc2l.js.in .skc2l-ch span:nth-child(4){animation-delay:.15s}.skc2l.js.in .skc2l-ch span:nth-child(5){animation-delay:.2s}.skc2l.js.in .skc2l-ch span:nth-child(6){animation-delay:.25s}.skc2l.js.in .skc2l-ch span:nth-child(7){animation-delay:.3s}
.skc2l.js.in .skc2l-c:nth-child(1){animation-delay:.2s}.skc2l.js.in .skc2l-c:nth-child(2){animation-delay:.35s}.skc2l.js.in .skc2l-c:nth-child(3){animation-delay:.5s}
.skc2l.js.in .skc2l-f div:nth-child(1){animation-delay:.6s}.skc2l.js.in .skc2l-f div:nth-child(2){animation-delay:.7s}.skc2l.js.in .skc2l-f div:nth-child(3){animation-delay:.8s}.skc2l.js.in .skc2l-f div:nth-child(4){animation-delay:.9s}
@keyframes skUp{to{opacity:1;transform:none}}
@keyframes skDash{to{background-position:40px 0}}
@keyframes skRing{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
@keyframes skShine{to{left:130%}}
@media(max-width:820px){.skc2l-steps::before{display:none}}
@media(prefers-reduced-motion:reduce){.skc2l-steps::before,.skc2l-c b::after{animation:none}.skc2l.js .skc2l-c,.skc2l.js .skc2l-f div,.skc2l.js .skc2l-ch span{opacity:1;transform:none;animation:none!important}}