.three-steps{text-align:center;background:linear-gradient(120deg,#e796fc,#7aa6ff,#5fd3ff);width:100%;padding:72px 6%}.three-steps h2{color:#fff;margin-bottom:42px;font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.2}.step-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.step-circle,.step-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 20px 40px #0000002e}.step-circle{border-radius:50%;width:120px;height:120px}.step-box{border-radius:24px;width:140px;height:100px}.step-circle img,.step-box img{width:42px;margin-bottom:10px}.arrow{background:linear-gradient(90deg,#000,#0000);width:42px;height:4px;position:relative}.arrow:after{content:"";border-top:4px solid #000;border-right:4px solid #000;width:14px;height:14px;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}@media (max-width:900px){.three-steps{padding:56px 20px}.step-flow{flex-direction:column;gap:20px}.arrow{transform:rotate(90deg)}.step-circle{width:110px;height:110px}.step-box{width:130px;height:95px}.step-circle img,.step-box img{width:38px}}