.cf-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:80px 16px;position:relative;overflow:hidden}.cf-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#93c5fd4d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c4b5fd4d 0%,#0000 50%),radial-gradient(circle at 40% 80%,#fcd34d33 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.cf-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.cf-timeline{padding:40px 0;position:relative}.cf-svg-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cf-curved-path{width:100%;height:100%;position:absolute;top:0;left:0}.cf-step{opacity:0;z-index:2;margin-bottom:80px;transition:all .8s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translateY(50px)}.cf-step.animate-in{opacity:1;transform:translateY(0)}.cf-step-left{justify-content:flex-start;padding-left:5%;padding-right:45%;display:flex}.cf-step-right{justify-content:flex-end;padding-left:45%;padding-right:5%;display:flex}.cf-step-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;align-items:center;max-width:400px;padding:24px;transition:all .3s;display:flex;box-shadow:0 15px 30px #0000001a}.cf-step-content:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.cf-step-left .cf-step-content{flex-direction:row}.cf-step-right .cf-step-content{flex-direction:row-reverse}.cf-icon-container{flex-shrink:0;margin:0 20px;position:relative}.cf-icon{object-fit:contain;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;width:60px;height:60px;padding:12px;transition:all .3s;box-shadow:0 10px 25px #667eea66}.cf-step:first-child .cf-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 15px 35px #667eea66}.cf-step:nth-child(2) .cf-icon{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 15px 35px #f093fb66}.cf-step:nth-child(3) .cf-icon{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);box-shadow:0 15px 35px #4facfe66}.cf-step:nth-child(4) .cf-icon{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);box-shadow:0 15px 35px #43e97b66}.cf-step:nth-child(5) .cf-icon{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);box-shadow:0 15px 35px #fa709a66}.cf-step:nth-child(6) .cf-icon{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);box-shadow:0 15px 35px #a8edea66}.cf-step-content:hover .cf-icon{transform:scale(1.1)rotate(5deg)}.cf-text-content{flex:1}.cf-step-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Playpen Sans,sans-serif;font-size:1.5rem;font-weight:800}.cf-step:nth-child(2) .cf-step-title{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cf-step:nth-child(3) .cf-step-title{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cf-step:nth-child(4) .cf-step-title{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cf-step:nth-child(5) .cf-step-title{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cf-step:nth-child(6) .cf-step-title{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cf-step-subtitle{color:#64748b;margin:0;font-family:Playpen Sans,sans-serif;font-size:.9rem;line-height:1.5}@media (max-width:768px){.cf-svg-container{display:none}.cf-step-left,.cf-step-right{justify-content:center;padding-left:0;padding-right:0}.cf-step-content{text-align:center;z-index:2;flex-direction:column;max-width:320px;padding:20px;position:relative}.cf-step-left .cf-step-content,.cf-step-right .cf-step-content{flex-direction:column}.cf-timeline:before{content:"";z-index:1;opacity:.6;background:linear-gradient(#667eea 0%,#f093fb 25%,#4facfe 50%,#43e97b 75%,#fa709a 100%);border-radius:2px;width:3px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.cf-icon-container{z-index:3;margin:0 0 20px;position:relative}.cf-icon-container:before{content:"";z-index:-1;background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fffc}.cf-step-title{font-size:1.3rem}.cf-step-subtitle{font-size:.85rem}.cf-section{padding:80px 16px}.cf-step{margin-bottom:60px}}