.scroll-path-section{color:#f8fafc;background-color:#020617;padding:80px 5vw;position:relative;overflow:hidden}.scroll-path-section:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f10d 0%,#0000 60%);width:40%;height:40%;position:absolute;top:10%;left:-10%}.scroll-path-section:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0076ff0d 0%,#0000 60%);width:40%;height:40%;position:absolute;bottom:10%;right:-10%}.scroll-path-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.scroll-path-header{text-align:center;margin-bottom:80px}.scroll-path-header h2{color:#f8fafc;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(30px,5vw,42px);font-weight:800;line-height:1.1}.scroll-path-header .subtitle-text{color:#94a3b8;max-width:600px;margin:0 auto;font-size:clamp(16px,3vw,18px);line-height:1.6}.path-svg-wrapper{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.animated-path{fill:none;stroke:url(#glowGradient);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #6366f166);opacity:.8}.path-items-wrapper{z-index:1;grid-template-rows:repeat(4,1fr);align-items:center;max-width:1000px;min-height:800px;margin:0 auto;display:grid;position:relative}.path-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:38%;padding:32px;transition:transform .3s,border-color .3s;position:relative;box-shadow:0 10px 30px -10px #00000080}.path-card:hover{border-color:#6366f166;transform:translateY(-5px)}.path-card-left{text-align:right;justify-self:start}.path-card-right{text-align:left;justify-self:end}.path-card-number{color:#fff;background:linear-gradient(135deg,#0076ff,#005ae6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #6366f166}.path-card-left .path-card-number{right:-20px}.path-card-right .path-card-number{left:-20px}.path-card h3{color:#f1f5f9;margin-bottom:12px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.path-card p{color:#94a3b8;margin:0;font-size:16px;line-height:1.6}.mobile-animated-line{display:none}@media (max-width:768px){.mobile-animated-line{z-index:0;background:linear-gradient(#0076ff,#10b981);width:2px;display:block;position:absolute;top:0;left:30px}.scroll-path-section{padding:60px 20px}.path-svg-wrapper{display:none}.path-items-wrapper{flex-direction:column;gap:40px;padding-left:10px;display:flex}.path-card{text-align:left!important;align-self:flex-start!important;width:calc(100% - 60px)!important;margin-left:60px!important;padding:24px!important}.path-card-number{top:20px!important;left:-60px!important;right:auto!important}}