.visual-steps-single .step-card-single{position:relative;overflow:hidden}.visual-steps-single .step-card-single:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .6s ease}.visual-steps-single .step-card-single:hover:before{left:100%}.visual-steps-single .step-card-single .step-number-container .step-number{position:relative;z-index:2}.visual-steps-single .step-card-single .step-number-container .step-number:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#6366f1,#8b5cf6);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.visual-steps-single .step-card-single .step-number-container:hover .step-number:after{opacity:.3}.visual-steps-single .step-card-single .step-icon{filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.visual-steps-multiple{padding:2rem 0}.visual-steps-multiple .step-item{animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.visual-steps-multiple .step-item:first-child{animation-delay:.1s}.visual-steps-multiple .step-item:nth-child(2){animation-delay:.2s}.visual-steps-multiple .step-item:nth-child(3){animation-delay:.3s}.visual-steps-multiple .step-item:nth-child(4){animation-delay:.4s}.visual-steps-multiple .step-item:nth-child(5){animation-delay:.5s}.visual-steps-multiple .step-item:nth-child(6){animation-delay:.6s}.visual-steps-multiple .step-item:nth-child(7){animation-delay:.7s}.visual-steps-multiple .step-item:nth-child(8){animation-delay:.8s}.visual-steps-multiple .step-item:nth-child(9){animation-delay:.9s}.visual-steps-multiple .step-item:nth-child(10){animation-delay:1s}.visual-steps-multiple .step-item .step-card{position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.visual-steps-multiple .step-item .step-card:hover .step-number-container .step-number{transform:scale(1.05)}.visual-steps-multiple .step-item .step-card:hover .step-icon{animation:bounce .6s ease}.visual-steps-multiple .step-item .step-card .step-number-container .step-number{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(59,130,246,.3)}.visual-steps-multiple .step-item .step-card .step-number-container .step-number:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#3b82f6,#6366f1,#8b5cf6,#3b82f6);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease;background-size:400% 400%;animation:gradientShift 3s ease infinite}.visual-steps-multiple .step-item .step-card .step-number-container:hover .step-number:before{opacity:.4}.visual-steps-multiple .step-item .step-card .step-icon{transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3))}.visual-steps-multiple .step-item .step-card h3{position:relative}.visual-steps-multiple .step-item .step-card .absolute.bottom-0:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);background-size:200% 100%;animation:shimmer 2s ease infinite}.visual-steps-multiple .absolute.left-8:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,#3b82f6,transparent);animation:flow 3s ease-in-out infinite}.visual-steps-multiple .absolute.bottom-4,.visual-steps-multiple .absolute.top-4{animation:float 6s ease-in-out infinite}.visual-steps-multiple .absolute.bottom-4:nth-child(2),.visual-steps-multiple .absolute.top-4:nth-child(2){animation-delay:3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes flow{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:.8;transform:scaleY(1.2)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(5deg)}66%{transform:translateY(5px) rotate(-3deg)}}@media(max-width:768px){.visual-steps-multiple{padding:1rem 0}.visual-steps-multiple .step-item .step-card{padding:1.5rem}.visual-steps-multiple .step-item .step-card .step-number-container .step-number{width:3rem;height:3rem;font-size:1.125rem}.visual-steps-multiple .step-item .step-card .step-icon{font-size:2rem}.visual-steps-single .step-card-single{padding:1.5rem}.visual-steps-single .step-card-single .step-number{width:3.5rem;height:3.5rem;font-size:1.25rem}.visual-steps-single .step-card-single .step-icon{font-size:3rem}}@media(prefers-color-scheme:dark){.visual-steps-multiple .step-card,.visual-steps-multiple .step-card-single,.visual-steps-single .step-card,.visual-steps-single .step-card-single{background:rgba(30,41,59,.8);border-color:rgba(51,65,85,.5);color:#e2e8f0}.visual-steps-multiple .step-card-single:hover,.visual-steps-multiple .step-card:hover,.visual-steps-single .step-card-single:hover,.visual-steps-single .step-card:hover{background:rgba(30,41,59,.95)}.visual-steps-multiple .step-card h3,.visual-steps-multiple .step-card-single h3,.visual-steps-single .step-card h3,.visual-steps-single .step-card-single h3{color:#f1f5f9}.visual-steps-multiple .step-card h3 span,.visual-steps-multiple .step-card-single h3 span,.visual-steps-single .step-card h3 span,.visual-steps-single .step-card-single h3 span{color:#60a5fa}.visual-steps-multiple .step-card p,.visual-steps-multiple .step-card-single p,.visual-steps-single .step-card p,.visual-steps-single .step-card-single p{color:#cbd5e1}.visual-steps-multiple .step-number,.visual-steps-single .step-number{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}.visual-steps-multiple .step-icon,.visual-steps-single .step-icon{color:#60a5fa!important}.visual-steps-multiple .absolute.inset-0{background:linear-gradient(135deg,rgba(30,41,59,.3),rgba(51,65,85,.3))!important}.visual-steps-multiple .absolute.left-8{background:linear-gradient(180deg,#374151,#4b5563,#374151)!important}}@media(prefers-contrast:high){.visual-steps-multiple .step-card,.visual-steps-multiple .step-card-single,.visual-steps-single .step-card,.visual-steps-single .step-card-single{border-width:2px;border-color:#000;background:#fff;color:#000}.visual-steps-multiple .step-card h3,.visual-steps-multiple .step-card-single h3,.visual-steps-single .step-card h3,.visual-steps-single .step-card-single h3{color:#000}.visual-steps-multiple .step-card p,.visual-steps-multiple .step-card-single p,.visual-steps-single .step-card p,.visual-steps-single .step-card-single p{color:#333}.visual-steps-multiple .step-number,.visual-steps-single .step-number{background:#000!important;color:#fff!important;border:2px solid #000}.visual-steps-multiple .step-icon,.visual-steps-single .step-icon{color:#000!important}}@media print{.visual-steps-multiple .step-card,.visual-steps-multiple .step-card-single,.visual-steps-single .step-card,.visual-steps-single .step-card-single{box-shadow:none;border:1px solid #ccc;background:#fff;color:#000}.visual-steps-multiple .step-card-single:hover,.visual-steps-multiple .step-card:hover,.visual-steps-single .step-card-single:hover,.visual-steps-single .step-card:hover{transform:none}.visual-steps-multiple .step-number,.visual-steps-single .step-number{background:#000!important;color:#fff!important}.visual-steps-multiple .step-icon,.visual-steps-single .step-icon{color:#000!important}.visual-steps-multiple .absolute,.visual-steps-single .absolute{display:none!important}}@media(prefers-reduced-motion:reduce){.visual-steps-multiple .step-item,.visual-steps-single .step-item{animation:none;opacity:1;transform:none}.visual-steps-multiple .step-card-single:hover,.visual-steps-multiple .step-card:hover,.visual-steps-single .step-card-single:hover,.visual-steps-single .step-card:hover{transform:none}.visual-steps-multiple .step-number-container .step-number:after,.visual-steps-multiple .step-number-container .step-number:before,.visual-steps-single .step-number-container .step-number:after,.visual-steps-single .step-number-container .step-number:before{animation:none}.visual-steps-multiple .step-icon:hover,.visual-steps-single .step-icon:hover{animation:none;transform:none}.visual-steps-multiple .absolute,.visual-steps-single .absolute{animation:none}}