:root{--Text-Secondary:#555963;--Text-Tertiary:#717683;--Text-Primary:#15172E;--Font-Family-Paragraph:Inter;--Font-Family-Heading:"Plus Jakarta Sans"}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.container{text-align:center;width:85%;max-width:1300px;position:relative}.title{font-size:32px;font-weight:700;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.title.show{opacity:1}.steps{display:flex;flex-direction:row;gap:24px;margin:0 20px;margin-top:140px}.step{color:#fff;padding:32px 20px;border-radius:24px;opacity:0;transform:translateY(260px);transition:opacity .8s ease,transform .8s ease;min-height:220px;width:100%;text-align:left;background:#fff;margin:20px 0}.txt{color:var(--Text-Secondary);font-family:var(--Font-Family-Paragraph);font-size:16px;font-weight:400;line-height:140%}.sub-title{color:var(--Text-Tertiary);font-family:var(--Font-Family-Heading);font-size:18px;font-weight:500;line-height:130%;margin:8px 0 24px}.main-title{color:var(--Text-Primary);font-family:var(--Font-Family-Heading);font-size:24px;font-weight:600;line-height:140%}.step.show{opacity:1;transform:translateY(0)}.stepsend{background:0 0;padding:10px;border-radius:10px;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease;text-align:left;color:var(--Text-Secondary);font-family:var(--Font-Family-Paragraph);font-size:16px;font-weight:400;line-height:140%;margin:0 20px}.stepsend.show{opacity:1;transform:translateY(0)}.step .lbl{background:linear-gradient(90deg,#0090f7 0,#ba62fc 10.75%,#f2416b 23.66%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left;font-family:var(--Font-Family-Paragraph);font-size:20px;font-weight:500;line-height:150%;margin-bottom:32px}.title h2{color:#000;font-family:var(--Font-Family-Heading);font-size:44px;font-weight:600;line-height:140%;margin:0 0 5px}.title p{color:var(--Text-Tertiary);font-family:var(--Font-Family-Paragraph);font-size:20px;font-weight:400;line-height:150%;margin:0}.step:hover .lbl{background:var(--Text-Tertiary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btip{margin:30px 0 100px}.btip b{color:var(--Text-Primary)}@media (min-width:1024px){.title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transition:top 2s ease,transform 2s ease;z-index:10;text-align:center;width:100%;opacity:1}.title h2{font-size:44px;transition:font-size 2s ease}.title p{font-size:20px;transition:font-size 2s ease}.title.shrink{top:1%;transform:translate(-50%,0)}.title.shrink h2{font-size:32px}.container{width:1176px;max-width:1176px;min-width:1176px}}@media (max-width:1024px){.steps{flex-direction:column;gap:20px;margin-top:24px;margin-left:0;margin-right:0}.step{width:85.6%;height:auto;border-radius:8px;margin:0 4px}body{height:100%;width:100%}.container{width:90%;padding-top:0;display:flex;flex-direction:column;gap:24px}.title h2{font-size:20px;margin-bottom:12px}.lbl,.sub-title,.title p{font-size:14px}.main-title{font-size:18px}.sub-title{margin-bottom:16px}.stepsend{font-size:12px;padding-top:4px;margin-left:0;margin-right:0}.txt{font-size:14px}.step .lbl{margin-bottom:24px}.btip{margin-top:24px}}@media (min-width:767px) and (max-width:1024px){.step{width:93%}}