@black- 700: rgba (0, 0, 0, 0.7);.text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-gradient{background-image:-webkit-gradient(linear,37.219838% 34.532506%,36.425669% 93.178216%,from(#29cdff),to(#0a60ff),color-stop(.37,#148eff));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.background-hover{transition:all .3s ease-out}.background-hover:hover{background-color:#f06}@keyframes twinkle{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes lightmode{0%{opacity:0}25%{opacity:.75}50%{opacity:1}75%{opacity:.75}to{opacity:0}}@keyframes blink{to{transform:scale(2);opacity:0}}@keyframes scaling{25%{transform:scale(1)}50%{transform:scale(1.2)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes blackpink{to{transform:scale(1.2);opacity:0}}.active-button{color:#f06}.overlay{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.signup{min-height:100vh;max-height:100vh;background-image:linear-gradient(180deg,#000,transparent 20%),url(/images/bg/signup.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover}.signup a,.signup button{display:block;width:100%}.signup__header{height:auto;padding:1.7rem 0;flex-direction:column;position:absolute;z-index:1;width:100%}.signup__header,.signup__header a{display:flex;justify-content:center}.signup__header a{color:#fff;text-align:center}.signup__logo{transform:scale(.615)}.signup__main{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;padding:3.5rem 1.5rem;background-color:rgba(0,0,0,.7);backdrop-filter:saturate(1.5) contrast(1.1)}.signup__main .ant-card+.ant-typography{text-align:center;font-size:1rem}.signup__join{border:none;background-color:hsla(0,0%,100%,.05)}@media screen and (min-width:1199px){.signup__join{width:800px;margin:0 auto}}.signup__join .ant-card-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.signup__join .ant-card-body:after,.signup__join .ant-card-body:before{content:"";display:none}.signup__join .ant-btn{letter-spacing:1px}.signup__join h3.ant-typography{color:#fff}.signup__btn-become{text-transform:uppercase;font-weight:800;color:#fff;letter-spacing:1px;background-color:rgba(238,16,96,.4);border:1px solid #f06}.signup__btn-become:active,.signup__btn-become:focus,.signup__btn-become:focus-visible,.signup__btn-become:focus-within,.signup__btn-become:hover,.signup__btn-become:target{background-color:rgba(238,16,96,.4)!important}.signup__login{background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1)}@media screen and (min-width:1199px){.signup__login{width:800px;margin:0 auto}}.signup__login .ant-card-body{padding-top:.625rem}.signup__login .ant-typography{margin-bottom:1rem;color:#fff}.backgroundsign{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8)),linear-gradient(0deg,rgba(238,16,96,.04),rgba(238,16,96,.04)),url(/images/sign.jpg),#d3d3d3 50% /cover no-repeat;background-size:cover;background-position:50%;min-height:100vh;display:flex;position:relative;padding:25px 0;flex-direction:column}.backgroundsign:before{position:absolute;width:100%;content:"";bottom:0;background:linear-gradient(180deg,transparent,#000);height:271px}.backgroundsign .logo{height:38px;position:fixed;top:18px;left:50%;transform:translateX(-50%);margin-bottom:0}.backgroundsign .container{background-color:transparent;border-radius:10px;text-align:center;max-width:375px;padding-left:24px;padding-right:24px;margin:auto;width:100%}.backgroundsign .container .header .logo{max-width:100px}.backgroundsign .container .main-content .ready-to-learn{border:1px solid hsla(0,0%,100%,.08);padding:24px;border-radius:8px;position:relative}.backgroundsign .container .main-content .ready-to-learn h2{color:#fff;font-size:22px;font-family:Manrope,sans-serif;font-weight:700;margin-bottom:16px}.backgroundsign .container .main-content .ready-to-learn .sign-up-info{margin-bottom:16px;color:hsla(0,0%,100%,.7);font-size:16px;font-family:Manrope,sans-serif;font-weight:500}.backgroundsign .container .main-content .ready-to-learn .startedbuttom{height:48px;width:100%;border:1px solid #ee1060;padding:10px;border-radius:6px;color:#ee1060;font-size:16px;font-family:Manrope,sans-serif;font-weight:800;margin-bottom:0;text-transform:uppercase}.backgroundsign .container .main-content .option-divider{color:#fff;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin:16px 0}.backgroundsign .container .main-content .interact-creator{padding:24px;border-radius:8px;background:hsla(0,0%,100%,.04)}.backgroundsign .container .main-content .interact-creator h2{color:#fff;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Manrope;font-size:22px;font-style:normal;font-weight:700;line-height:124%;margin-bottom:16px}.backgroundsign .container .main-content .interact-creator .sign-up-button{color:#fff;display:flex;height:48px;padding:0 16px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:6px;background:#f06;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Manrope;font-size:16px;font-style:normal;font-weight:800;line-height:100%;text-transform:capitalize;max-width:278px;width:100%;margin:0 auto 16px;border:0}.backgroundsign .container .main-content .interact-creator .login-text{color:hsla(0,0%,100%,.6);text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:0}.backgroundsign .container .main-content .interact-creator .login-text a{font-weight:700;color:#f06}.backgroundsign .container .main-content .main-bottom{background:hsla(0,0%,100%,.04);border-radius:16px;padding:16px 24px}.backgroundsign .container .main-content .main-bottom .bottom-text{color:#fff;font-size:16px;font-family:Manrope,sans-serif;font-weight:500;margin-bottom:16px}.backgroundsign .container .main-content .main-bottom .sign-up-button{background-color:#f06;border:none;padding:10px 20px;margin-bottom:12px;border-radius:5px;width:100%;cursor:pointer;color:#fff;font-size:16px;font-family:Manrope,sans-serif;font-weight:800}.backgroundsign .container .main-content .main-bottom .black{color:#000}.backgroundsign .container .main-content .main-bottom .login-text{color:#fff;font-size:16px;font-family:Manrope,sans-serif;font-weight:500;margin:0}.backgroundsign .container .footer .login{font-size:12px}.backgroundsign .container .footer .login a{color:#f06;text-decoration:none}