.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
html{background:#141517;width:100%;overflow-x:hidden}body{color:#fff;font-family:"Rubik",Arial,sans-serif;background:#161526;overflow-x:hidden;font-family:"Rubik";height:100%}.joinearly-page{flex:0 0 auto;margin:0 auto;width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:linear-gradient(180deg, #0A090A 0%, #090803 86.41%, #FFC200 102.61%)}.joinearly-page .align-certer{text-align:center}.joinearly-page .headerBoxSextion{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.joinearly-page .headerBoxSextion .logo{position:absolute;left:100px;top:42px;width:146px;height:31px}.joinearly-page .headerBoxSextion .logo>a{display:flex;flex-flow:row nowrap;align-items:center;color:#fff}.joinearly-page .headerBoxSextion .logo>a>img:first-child{margin-right:12px;width:29px;height:28px}.joinearly-page .headerBoxSextion .logo>a>img:last-child{width:100px;height:16px}.joinearly-page .headerBoxSextion .bg-img{flex:1;padding:0}.joinearly-page .headerBoxSextion .bg-img div{background-repeat:no-repeat;background-position:center;background-size:contain;height:100%}.joinearly-page .headerBoxSextion .imageText{width:940px;display:flex;flex-flow:column nowrap;align-items:center;position:absolute;top:37%;gap:48px}.joinearly-page .headerBoxSextion .imageText .big-title{flex:0 0 auto;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;padding-bottom:4px}.joinearly-page .headerBoxSextion .imageText .big-title span{text-align:center;font-weight:600;font-size:4.25rem !important;line-height:120%;font-family:"ClashDisplay";z-index:10}@media(max-width: 1440px){.joinearly-page .headerBoxSextion .imageText .big-title span{font-size:3.5rem !important}}.joinearly-page .headerBoxSextion .imageText .big-title p{font-family:"Rubik";font-style:normal;font-weight:500;font-size:1.25rem !important;line-height:120%;text-align:center;width:778px;color:hsla(0,0%,100%,.87)}@media(max-width: 1440px){.joinearly-page .headerBoxSextion .imageText .big-title p{font-size:1rem !important;width:594px}}.joinearly-page .headerBoxSextion .imageText .download-btn{width:460px;height:80px;padding:6px 24px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}.joinearly-page .headerBoxSextion .imageText .download-btn .texture-btn{width:100%;height:100%;font-family:"Rubik";align-items:center;justify-content:space-between;font-weight:500;font-size:1.75rem;line-height:33px;padding:6px 24px}.joinearly-page .phoneBoxSection{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.joinearly-page .phoneBoxSection .customize-title{flex:0 0 auto;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;font-family:"ClashDisplay";width:1000px;height:100px;margin-bottom:10px}.joinearly-page .phoneBoxSection .customize-title span{font-weight:700;font-size:3rem;line-height:120%;z-index:10;height:67px;text-align:center;padding-bottom:4px}.joinearly-page .phoneBoxSection .customize-title p{font-family:"Rubik";font-style:normal;font-weight:500;font-size:1.25rem;line-height:120%;text-align:center;color:hsla(0,0%,100%,.87)}.joinearly-page .phoneBoxSection .phone-img{padding:0;margin-top:40px;display:flex;justify-content:center;align-items:center}.joinearly-page .phoneBoxSection .phone-img>img{max-width:1920px;width:80%}.joinearly-page .phoneBoxSection .download-btn{width:460px;height:80px;padding:6px 24px;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;cursor:pointer}.joinearly-page .phoneBoxSection .download-btn .texture-btn{width:100%;height:100%;font-family:"Rubik";align-items:center;justify-content:space-between;font-weight:500;font-size:1.75rem;line-height:33px;padding:6px 24px}.joinearly-page .exploreBoxSection{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:180px;width:100%}.joinearly-page .exploreBoxSection .explore-title{flex:0 0 auto;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;font-family:"ClashDisplay";width:1000px;height:100px}.joinearly-page .exploreBoxSection .explore-title span{font-weight:700;font-size:3rem;line-height:120%;z-index:10;height:67px;text-align:center;padding-bottom:4px}.joinearly-page .exploreBoxSection .explore-title p{font-family:"Rubik";font-style:normal;font-weight:500;font-size:1.25rem;line-height:120%;text-align:center;color:hsla(0,0%,100%,.87)}.joinearly-page .exploreBoxSection .explore-img{padding:0;margin-top:40px;display:flex;justify-content:center;align-items:center}.joinearly-page .exploreBoxSection .explore-img>img{max-width:1920px;width:80%}.joinearly-page .exploreBoxSection .download-btn{width:460px;height:80px;padding:6px 24px;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;cursor:pointer}.joinearly-page .exploreBoxSection .download-btn .texture-btn{width:100%;height:100%;font-family:"Rubik";align-items:center;justify-content:space-between;font-weight:500;font-size:1.75rem;line-height:33px;padding:6px 24px}.joinearly-page .shareBoxSection{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:180px}.joinearly-page .shareBoxSection .share-title{flex:0 0 auto;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;font-family:"ClashDisplay";width:1000px;height:100px}.joinearly-page .shareBoxSection .share-title span{font-weight:700;font-size:3rem;line-height:120%;z-index:10;height:67px;text-align:center;padding-bottom:4px}.joinearly-page .shareBoxSection .share-title p{font-family:"Rubik";font-style:normal;font-weight:500;font-size:1.25rem;line-height:120%;text-align:center;color:hsla(0,0%,100%,.87)}.joinearly-page .shareBoxSection .share-img{padding:0;margin-top:40px;display:flex;justify-content:center;align-items:center}.joinearly-page .shareBoxSection .share-img>img{max-width:1920px;width:80%}.joinearly-page .shareBoxSection .download-btn{width:460px;height:80px;padding:6px 24px;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;cursor:pointer}.joinearly-page .shareBoxSection .download-btn .texture-btn{width:100%;height:100%;font-family:"Rubik";align-items:center;justify-content:space-between;font-weight:500;font-size:1.75rem;line-height:33px;padding:6px 24px}.joinearly-page .footerBoxSection{display:flex;flex-flow:column nowrap;align-items:center;margin:130px auto 80px auto}.joinearly-page .footerBoxSection dl{margin:auto}.joinearly-page .footerBoxSection dl.rights{max-width:333px;font-family:"Rubik";font-style:normal;font-weight:500;font-size:1rem;line-height:150%;display:flex;align-items:center;color:hsla(0,0%,100%,.38)}.joinearly-page .footerBoxSection dl.legal{display:flex;width:150px;justify-content:space-between;margin-top:12px}.joinearly-page .footerBoxSection dl.legal a{font-family:"Rubik";font-style:normal;font-weight:400;font-size:.875rem;line-height:17px;color:hsla(0,0%,100%,.87)}