*{margin:0;padding:0}.App{background-color:#f8f9fa;justify-content:center;min-height:100vh;display:flex;position:relative}.App:before{content:"";z-index:1;opacity:.03;pointer-events:none;background-image:url(data:image/png;base64,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);background-repeat:repeat;background-size:250px;width:100%;height:100%;position:fixed;top:0;left:0;transform:rotate(-20deg)scale(1.5)}.Appbox{z-index:2;background:#ffffffe6;flex-direction:column;width:100%;max-width:650px;display:flex;position:relative}.sticky-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;display:flex;position:sticky;top:0}.headerbtnx{cursor:pointer;background:0 0;border:none;padding:15px;font-size:24px}.headerbtn{color:#aaa;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:18px 0;font-size:16px;transition:all .2s}.headerbtn.active{color:#ff7ab8;border-bottom:2px solid #ff7ab8;font-weight:700}.content{padding:20px}.image-grid{flex-direction:column;align-items:center;gap:30px;display:flex}.image-card{width:80%}.img-wrapper{box-sizing:border-box;background:#f0f0f0;border-radius:50px;width:100%;margin-bottom:10px;padding:5px;position:relative;overflow:hidden}.img-wrapper:after{content:"";z-index:1;-webkit-mask-composite:destination-out;background:linear-gradient(90deg,#ff9bcd,#ffaa93) border-box;border:5px solid #0000;border-radius:50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.image-card img{object-fit:cover;width:100%;height:100%;display:block}.image-card p{color:#333;text-align:center;font-size:15px;font-weight:600}.step-desc{text-align:center;color:#333;line-height:1.8;display:block}.step-desc span,.step-desc .inline-icon{vertical-align:middle;align-items:center;display:inline-flex}.inline-icon{color:#1890ff;margin:0 5px;font-size:1.2rem}@media (width>=768px){.image-card{width:50%}}