.login_component,.contact_component,.contact_component_port{z-index:-1;pointer-events:none;opacity:0;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:rgba(0,0,0,0.5);overflow-x:hidden;overflow-y:auto;transition:all .16s}.login_component.active,.contact_component.active,.contact_component_port.active{z-index:999;opacity:1;pointer-events:auto}.login_component .vh-input,.contact_component .vh-input,.contact_component_port .vh-input{position:relative;display:flex;flex-direction:column;gap:10px}.login_component .vh-input.vh-textear,.contact_component .vh-input.vh-textear,.contact_component_port .vh-input.vh-textear{box-sizing:border-box;padding:14px 25px;gap:0;width:100%;height:200px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.login_component .vh-input.active>.name,.contact_component .vh-input.active>.name,.contact_component_port .vh-input.active>.name{opacity:1;transform:translateY(0);z-index:1}.login_component .vh-input.active>input,.contact_component .vh-input.active>input,.contact_component_port .vh-input.active>input{border-color:#3d6eec !important}.login_component .vh-input.fail>input,.contact_component .vh-input.fail>input,.contact_component_port .vh-input.fail>input{border-color:#ff0068 !important}.login_component .vh-input.fail>.name,.contact_component .vh-input.fail>.name,.contact_component_port .vh-input.fail>.name{color:#ff0068 !important;opacity:1;transform:translateY(0);z-index:1}.login_component .vh-input.complete>input,.contact_component .vh-input.complete>input,.contact_component_port .vh-input.complete>input{border-color:#d1d3d6 !important}.login_component .vh-input.complete>.name,.contact_component .vh-input.complete>.name,.contact_component_port .vh-input.complete>.name{color:#586883 !important;opacity:1;transform:translateY(0);z-index:1}.login_component .vh-input.password>em,.contact_component .vh-input.password>em,.contact_component_port .vh-input.password>em{position:absolute;right:18px;top:10px;width:24px;height:24px;background:url("../images/pwd_hide.svg") no-repeat left center;background-size:48px 24px;cursor:pointer}.login_component .vh-input.password>em:hover,.contact_component .vh-input.password>em:hover,.contact_component_port .vh-input.password>em:hover{background-position:right center}.login_component .vh-input.password>em.active,.contact_component .vh-input.password>em.active,.contact_component_port .vh-input.password>em.active{background-image:url("../images/pwd_show.svg")}.login_component .vh-input>input,.contact_component .vh-input>input,.contact_component_port .vh-input>input{box-sizing:border-box;padding:0 25px;width:100%;height:44px;background:#fff;border-radius:22px;border:1px solid #e5e7eb;font-family:Inter Regular;font-size:14px;color:#031a42;transition:all .16s}.login_component .vh-input>input:hover,.contact_component .vh-input>input:hover,.contact_component_port .vh-input>input:hover{border-color:#d1d3d6}.login_component .vh-input>textarea,.contact_component .vh-input>textarea,.contact_component_port .vh-input>textarea{outline:none;border:none;width:100%;height:100%;font-family:Inter Regular;font-weight:400;font-size:14px;color:#031a42;line-height:21px;text-align:left;font-style:normal;word-break:break-all;resize:none}.login_component .vh-input>textarea::-webkit-scrollbar,.contact_component .vh-input>textarea::-webkit-scrollbar,.contact_component_port .vh-input>textarea::-webkit-scrollbar{width:0;height:0}.login_component .vh-input>.textear-num,.contact_component .vh-input>.textear-num,.contact_component_port .vh-input>.textear-num{display:block;width:100%;font-family:Inter Regular;font-weight:400;font-size:14px;color:#959baa;line-height:16px;text-align:right;font-style:normal}.login_component .vh-input>.name,.contact_component .vh-input>.name,.contact_component_port .vh-input>.name{display:block;position:absolute;left:20px;top:-7.5px;transform:translateY(50%);box-sizing:border-box;padding:0 6px;width:max-content;height:15px;background:#fff;font-family:Inter Regular;font-size:12px;color:#3d6eec;line-height:15px;transition:transform .2s,opacity .1s;pointer-events:none;opacity:0;z-index:-1}.login_component .vh-input>.vh-pwd-rules,.contact_component .vh-input>.vh-pwd-rules,.contact_component_port .vh-input>.vh-pwd-rules{box-sizing:border-box;padding-left:25px;display:flex;align-items:center;gap:20px;width:100%;height:max-content}.login_component .vh-input>.vh-pwd-rules>span,.contact_component .vh-input>.vh-pwd-rules>span,.contact_component_port .vh-input>.vh-pwd-rules>span{display:flex;align-items:center;gap:6px;font-family:Regular_Medium;font-size:12px;color:#959baa}.login_component .vh-input>.vh-pwd-rules>span.success::before,.contact_component .vh-input>.vh-pwd-rules>span.success::before,.contact_component_port .vh-input>.vh-pwd-rules>span.success::before{background-image:url("../images/pwd_success.svg")}.login_component .vh-input>.vh-pwd-rules>span.fail,.contact_component .vh-input>.vh-pwd-rules>span.fail,.contact_component_port .vh-input>.vh-pwd-rules>span.fail{color:#ff0068}.login_component .vh-input>.vh-pwd-rules>span.fail::before,.contact_component .vh-input>.vh-pwd-rules>span.fail::before,.contact_component_port .vh-input>.vh-pwd-rules>span.fail::before{background-image:url("../images/pwd_fail.svg")}.login_component .vh-input>.vh-pwd-rules>span::before,.contact_component .vh-input>.vh-pwd-rules>span::before,.contact_component_port .vh-input>.vh-pwd-rules>span::before{content:"";width:12px;height:12px;background:url("../images/pwd_default.svg") no-repeat;background-size:cover}.login_component .vh-input>.send-code.active>em,.contact_component .vh-input>.send-code.active>em,.contact_component_port .vh-input>.send-code.active>em{display:block}.login_component .vh-input>.send-code.active>cite,.contact_component .vh-input>.send-code.active>cite,.contact_component_port .vh-input>.send-code.active>cite{display:none}.login_component .vh-input>.send-code>cite,.contact_component .vh-input>.send-code>cite,.contact_component_port .vh-input>.send-code>cite,.login_component .vh-input>.send-code>em,.contact_component .vh-input>.send-code>em,.contact_component_port .vh-input>.send-code>em{position:absolute;right:18px;top:13.5px;font-family:Inter Regular;font-size:14px;color:#3d6eec;line-height:16px;font-style:normal;cursor:pointer;user-select:none}.login_component .vh-input>.send-code>em,.contact_component .vh-input>.send-code>em,.contact_component_port .vh-input>.send-code>em{display:none;color:#586883}.login_component .vh-button,.contact_component .vh-button,.contact_component_port .vh-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;background:#fff;border-radius:22px;border:1px solid #e5e7eb;font-family:Regular_Medium;font-size:14px;color:#031a42;transition:all .16s;cursor:pointer;user-select:none}.login_component .vh-button:hover,.contact_component .vh-button:hover,.contact_component_port .vh-button:hover{border-color:#3d6eec;color:#3d6eec}.login_component .vh-button.dark,.contact_component .vh-button.dark,.contact_component_port .vh-button.dark{color:#fff;background:#3d6eec;border-color:transparent}.login_component .vh-button.dark:hover,.contact_component .vh-button.dark:hover,.contact_component_port .vh-button.dark:hover{background:#5583fa}.login_component>main,.contact_component>main,.contact_component_port>main{position:relative;box-sizing:border-box;display:flex;width:100%;max-width:1060px;min-height:730px;height:max-content;border-radius:10px;overflow:hidden}.login_component>main>i.close,.contact_component>main>i.close,.contact_component_port>main>i.close{position:absolute;right:10px;top:10px;width:32px;height:32px;background:url("../images/close.svg") no-repeat;background-size:cover;cursor:pointer}.login_component>main>.info,.contact_component>main>.info,.contact_component_port>main>.info{box-sizing:border-box;padding:82px 0;display:flex;flex-direction:column;align-items:center;gap:40px;width:440px;background:linear-gradient(180deg, #f0f4ff 0, #f5f8ff 100%)}.login_component>main>.info>h3,.contact_component>main>.info>h3,.contact_component_port>main>.info>h3{max-width:300px;font-family:Regular_Medium;font-size:20px;color:#031a42;line-height:24px;text-align:center}.login_component>main>.info>img,.contact_component>main>.info>img,.contact_component_port>main>.info>img{height:auto;object-fit:cover}.login_component>main>.info>.img_1,.contact_component>main>.info>.img_1,.contact_component_port>main>.info>.img_1{width:359px}.login_component>main>.info>.img_2,.contact_component>main>.info>.img_2,.contact_component_port>main>.info>.img_2{width:391px;height:2px}.login_component>main>.info>.img_3,.contact_component>main>.info>.img_3,.contact_component_port>main>.info>.img_3{display:flex;align-items:center;gap:15px}.login_component>main>.info>.img_3>img:nth-of-type(1),.contact_component>main>.info>.img_3>img:nth-of-type(1),.contact_component_port>main>.info>.img_3>img:nth-of-type(1){width:157px}.login_component>main>.info>.img_3>img:nth-of-type(2),.contact_component>main>.info>.img_3>img:nth-of-type(2),.contact_component_port>main>.info>.img_3>img:nth-of-type(2){width:110px}.login_component>main>.info>.img_4,.contact_component>main>.info>.img_4,.contact_component_port>main>.info>.img_4{margin-top:-10px;display:flex;gap:4px}.login_component>main>.info>.img_4>img,.contact_component>main>.info>.img_4>img,.contact_component_port>main>.info>.img_4>img{width:78px}.login_component>main>.info .tip_list,.contact_component>main>.info .tip_list,.contact_component_port>main>.info .tip_list{margin-top:-10px;display:flex;flex-direction:column;gap:16px}.login_component>main>.info .tip_list>span,.contact_component>main>.info .tip_list>span,.contact_component_port>main>.info .tip_list>span{display:flex;align-items:center;gap:12px;font-family:Regular_Medium;font-size:14px;color:#031a42;width:100%}.login_component>main>.info .tip_list>span::before,.contact_component>main>.info .tip_list>span::before,.contact_component_port>main>.info .tip_list>span::before{content:"";width:12px;height:10px;background:url("../images/tip_icon.svg") no-repeat;background-size:cover}.login_component>main>.form,.contact_component>main>.form,.contact_component_port>main>.form{box-sizing:border-box;padding:0 100px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#fff}.login_component>main>.form.vh_forgot>.google_btn,.contact_component>main>.form.vh_forgot>.google_btn,.contact_component_port>main>.form.vh_forgot>.google_btn{display:none !important}.login_component>main>.form>h3,.contact_component>main>.form>h3,.contact_component_port>main>.form>h3{display:none;padding-bottom:40px;font-family:initial;font-weight:bold;font-size:24px;color:#031a42;line-height:29px}.login_component>main>.form>h3.login_panel,.contact_component>main>.form>h3.login_panel,.contact_component_port>main>.form>h3.login_panel{display:block}.login_component>main>.form>.google_btn,.contact_component>main>.form>.google_btn,.contact_component_port>main>.form>.google_btn{display:none;margin-top:-10px;flex-direction:column;align-items:center;gap:30px;width:100%}.login_component>main>.form>.google_btn>.btns,.contact_component>main>.form>.google_btn>.btns,.contact_component_port>main>.form>.google_btn>.btns{display:flex;gap:16px;width:100%;height:max-content}.login_component>main>.form>.google_btn>.btns>div,.contact_component>main>.form>.google_btn>.btns>div,.contact_component_port>main>.form>.google_btn>.btns>div{width:100%;height:max-content;overflow:hidden}.login_component>main>.form>.google_btn>.btns .vh-button,.contact_component>main>.form>.google_btn>.btns .vh-button,.contact_component_port>main>.form>.google_btn>.btns .vh-button{position:relative;height:44px;line-height:44px}.login_component>main>.form>.google_btn>.btns .vh-button>em,.contact_component>main>.form>.google_btn>.btns .vh-button>em,.contact_component_port>main>.form>.google_btn>.btns .vh-button>em{width:22px;height:22px;background:url("@img/Login/google_icon.svg") no-repeat;background-size:cover}.login_component>main>.form>.google_btn>.btns .vh-button.github>em,.contact_component>main>.form>.google_btn>.btns .vh-button.github>em,.contact_component_port>main>.form>.google_btn>.btns .vh-button.github>em{background-image:url("../images/ghub.svg")}.login_component>main>.form>.google_btn>.btns>.g_btn,.contact_component>main>.form>.google_btn>.btns>.g_btn,.contact_component_port>main>.form>.google_btn>.btns>.g_btn{position:relative}.login_component>main>.form>.google_btn>.btns>.g_btn>em,.contact_component>main>.form>.google_btn>.btns>.g_btn>em,.contact_component_port>main>.form>.google_btn>.btns>.g_btn>em{width:22px;height:22px;background:url("../images/g_btn_icon.svg") no-repeat;background-size:cover}.login_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin,.contact_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin,.contact_component_port>main>.form>.google_btn>.btns>.g_btn>.g_id_signin{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:40px;z-index:1;cursor:pointer !important}.login_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div,.contact_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div,.contact_component_port>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div{opacity:.01}.login_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div>iframe,.contact_component>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div>iframe,.contact_component_port>main>.form>.google_btn>.btns>.g_btn>.g_id_signin>div>iframe{opacity:.01}.login_component>main>.form>.google_btn>.or,.contact_component>main>.form>.google_btn>.or,.contact_component_port>main>.form>.google_btn>.or{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:12px;width:100%;height:max-content}.login_component>main>.form>.google_btn>.or>span,.contact_component>main>.form>.google_btn>.or>span,.contact_component_port>main>.form>.google_btn>.or>span{font-family:Regular_Medium;font-size:12px;color:#959baa;line-height:15px}.login_component>main>.form>.google_btn>.or>i,.contact_component>main>.form>.google_btn>.or>i,.contact_component_port>main>.form>.google_btn>.or>i{flex:1;height:1px;background:#e5e7eb}.login_component>main>.form>.l_panel,.contact_component>main>.form>.l_panel,.contact_component_port>main>.form>.l_panel{display:flex;flex-direction:column;gap:25px;width:100%}.login_component>main>.form>.l_panel>p,.contact_component>main>.form>.l_panel>p,.contact_component_port>main>.form>.l_panel>p{font-family:Inter Regular;font-size:14px;color:#586883;line-height:16px}.login_component>main>.form>.l_panel>p>span,.contact_component>main>.form>.l_panel>p>span,.contact_component_port>main>.form>.l_panel>p>span{padding-left:6px;font-family:Inter Regular;font-size:14px;color:#3d6eec;cursor:pointer;user-select:none}.login_component>main>.form>.l_panel>p>a,.contact_component>main>.form>.l_panel>p>a,.contact_component_port>main>.form>.l_panel>p>a{text-decoration:underline;transition:all .16s;cursor:pointer;user-select:none}.login_component>main>.form>.l_panel>p>a:hover,.contact_component>main>.form>.l_panel>p>a:hover,.contact_component_port>main>.form>.l_panel>p>a:hover{color:#3d6eec}.login_component>main>.form>.l_panel>span,.contact_component>main>.form>.l_panel>span,.contact_component_port>main>.form>.l_panel>span{margin:0 auto -5px;width:max-content;font-family:Inter Regular;font-size:14px;color:#586883;line-height:16px;text-decoration-line:underline;transition:all .16s;cursor:pointer;user-select:none}.login_component>main>.form>.l_panel>span:hover,.contact_component>main>.form>.l_panel>span:hover,.contact_component_port>main>.form>.l_panel>span:hover{color:#3d6eec}.login_component>main>.form>.l_panel>.sub_btn,.contact_component>main>.form>.l_panel>.sub_btn,.contact_component_port>main>.form>.l_panel>.sub_btn{margin-top:15px}.login_component>main>.form>.l_panel.login_panel,.contact_component>main>.form>.l_panel.login_panel,.contact_component_port>main>.form>.l_panel.login_panel{display:flex}.login_component>main>.form>.l_panel.register_panel,.contact_component>main>.form>.l_panel.register_panel,.contact_component_port>main>.form>.l_panel.register_panel{display:none}.login_component>main>.form>.l_panel.forgot_panel,.contact_component>main>.form>.l_panel.forgot_panel,.contact_component_port>main>.form>.l_panel.forgot_panel{display:none}.unlimit_input{text-align:left}.unlimit_input>.tips{font-size:14px;color:#031a42;line-height:16px;margin-bottom:12px}.unlimit_input>.tips>span{color:#ff565e}.unlimit_input>div{width:100%;height:40px;background:#f5f7fa;border-radius:4px;border:1px solid #e2e7ef;display:flex;align-items:center;justify-content:space-between}.unlimit_input>div>input{padding-left:15px;box-sizing:border-box;width:100%;height:100%;background:#f5f7fa;border:none}.unlimit_input>div>p{min-width:40px;flex:1 0 auto;padding:0 10px;text-align:center;font-size:14px;height:24px;color:#031a42;border-left:1px solid #dce4f0}.unlimit_input>p:nth-of-type(2){font-size:12px;color:#959baa;margin-top:10px}.login_verification{z-index:-1;pointer-events:none;opacity:0;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:rgba(0,0,0,0.5);overflow-x:hidden;overflow-y:auto;transition:all .16s}.login_verification.act{z-index:9999;opacity:1;pointer-events:auto}.login_verification main{position:relative;box-sizing:border-box;width:100%;max-width:480px;height:max-content;border-radius:8px;overflow:hidden;background:#fff;padding:30px}.login_verification main>i.close{position:absolute;right:10px;top:10px;width:24px;height:24px;background:url("../images/close.svg") no-repeat;background-size:cover;cursor:pointer}.login_verification main #googleVerifyModal .logo{width:60px;height:60px}.login_verification main #googleVerifyModal .title{font-family:Inter Regular;font-weight:bold;font-size:18px;color:#031a42;line-height:21px;text-align:center;font-style:normal}.login_verification main #googleVerifyModal .desc{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-family:Inter Regular;font-weight:400;font-size:14px;color:#031a42;line-height:20px;text-align:left;font-style:normal}.login_verification main #googleVerifyModal .labeled-input{margin-top:20px;display:flex;align-items:center;height:44px;background:#fff;border-radius:4px;border:1px solid #e2e7ef;font-weight:400;font-size:14px;color:#5c708d;line-height:16px;font-style:normal;padding:0 20px;gap:8px}.login_verification main #googleVerifyModal .labeled-input .input{color:#3d6eec}.login_verification main #googleVerifyModal .code-box{margin-top:20px;background:#f5f7fa;border-radius:4px;border:1px solid #e2e7ef;padding:20px}.login_verification main #googleVerifyModal .code-box .label{font-weight:normal;font-size:14px;color:#163561;line-height:16px;text-align:left;font-style:normal}.login_verification main #googleVerifyModal .code-box .label i{color:#ff565e}.login_verification main #googleVerifyModal .code-box .code-list-g{display:flex;justify-content:space-between;margin-top:15px}.login_verification main #googleVerifyModal .code-box .code-list-g .code-item{box-sizing:border-box;width:46px;height:46px;border:1px solid #e2e7ef;border-radius:6px;text-align:center;font-size:18px;color:#163561}.login_verification main #googleVerifyModal .code-box .code-list-e{display:flex;justify-content:space-between;margin-top:15px}.login_verification main #googleVerifyModal .code-box .code-list-e .code-item{box-sizing:border-box;width:60px;height:46px;border:1px solid #e2e7ef;border-radius:6px;text-align:center;font-size:18px;color:#163561}.login_verification main #googleVerifyModal .code-box .code-p{margin-top:16px;font-family:Inter Regular;font-weight:400;font-size:14px;color:#586883;line-height:16px;text-align:left;font-style:normal}.login_verification main #googleVerifyModal .code-box .code-p a{color:#3d6eec}.login_verification main #googleVerifyModal .btn{margin-top:20px;width:100%;height:44px;border-radius:6px;background:#3d6eec;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s}.login_verification main #googleVerifyModal .btn:hover{opacity:.8}.login_verification main #googleVerifyModal .code-footer{margin-top:20px;font-family:Inter Regular;font-weight:400;font-size:14px;color:#586883;text-align:left;font-style:normal}.login_verification main #googleVerifyModal .code-footer a{color:#3d6eec}@media (max-width:640px){#googleVerifyModal .modal{width:100%}#googleVerifyModal .content{padding:12px}#googleVerifyModal .actions{padding:10px 12px 12px}#googleVerifyModal .footer{padding:0 12px 12px}}@media screen and (max-width:1066px){.login_component,.contact_component,.contact_component_port{box-sizing:border-box;padding:0 16px}.login_component>main>.info,.contact_component>main>.info,.contact_component_port>main>.info{display:none}}@media screen and (max-width:626px){.login_component,.contact_component,.contact_component_port{box-sizing:border-box;padding:0 16px}.login_component>main>.form,.contact_component>main>.form,.contact_component_port>main>.form{padding:0 20px}.login_component>main>.form>.google_btn>.btns,.contact_component>main>.form>.google_btn>.btns,.contact_component_port>main>.form>.google_btn>.btns{flex-direction:column}}.f-email,.f-val{font-size:14px;font-weight:400}.f-email::placeholder,.f-val::placeholder{font-size:14px;font-weight:400}