.area.authentication{background-color:#f8fafc;position:relative;width:100%;min-height:100vh;background-image:url(/_next/static/media/pattern_bg1.81be5dda.png),url(/_next/static/media/pattern_bg2.39cde6b3.png);background-position:0 0,100% 100%;background-repeat:no-repeat,no-repeat;display:flex;font-family:Manrope,sans-serif;color:#121926;padding:80px 0;flex-direction:column;justify-content:center}.area.authentication .box{width:600px;background-color:#fff;margin:0 auto;padding:24px 35px 25px;border-radius:8px;border:1px solid #eef2f6;box-shadow:0 4px 10px 0 rgba(0,0,0,.102)}.area.authentication .box .btn-back{font-size:12px;font-weight:400;text-decoration:none;line-height:1;color:var(--Content-content-primary,#121926);padding-left:5px}.area.authentication .box .btn-back:before{content:"";font-family:Font Awesome\ 6 Pro;font-weight:700;line-height:1;font-size:11px;margin-right:5px}.area.authentication .box .btn-back:hover{text-decoration:underline}.area.authentication .box .title-box{font-weight:600;font-size:26px;color:#121926;margin:0 0 22px}.area.authentication .box .title-box span{display:inline-block;line-height:1;font-size:0;vertical-align:middle;margin-top:-12px;margin-left:3px}.area.authentication .box .title-box span img{max-width:127px}.area.authentication .box .title-box a:hover{opacity:.8}.area.authentication .box .subnote{font-size:16px;font-weight:400;margin:-11px 0 22px;color:var(--Content-content-primary,#121926)}.area.authentication .box .subnote span{font-weight:600;color:var(--Content-content-brand-01,#9153f9)}.area.authentication .box .subnote strong{font-weight:600}.area.authentication .box .row{display:flex;flex-wrap:wrap;width:100%}.area.authentication .box .row .col-5{flex:0 0 calc(50% - 7.5px)}.area.authentication .box .row .col-4{flex:0 0 calc(33% - 9px)}.area.authentication .box .row .col-12{flex:0 0 100%}.area.authentication .box .row label{display:flex;flex-direction:column;position:relative;width:100%}.area.authentication .box .row label .form-label{font-size:14px;font-weight:600;padding-bottom:4px}.area.authentication .box .row label .form-label.required:after{content:"*";color:var(--Support-Error-error-content,#b42318);font-size:14px;line-height:1;display:inline-block;margin-left:2px}.area.authentication .box .row .form-style{padding:12.5px 12px;outline:none;border:1px solid var(--Border-border-tertiary,#eef2f6);font-size:16px;font-weight:400;border-radius:4px;width:100%}.area.authentication .box .row .form-style::-moz-placeholder{color:var(--Content-content-secondary,#697586)}.area.authentication .box .row .form-style::placeholder{color:var(--Content-content-secondary,#697586)}.area.authentication .box .row{padding-bottom:32px}.area.authentication .box .row.submit{padding-top:25px;padding-bottom:0}.area.authentication .box .row.submit .btn-ignore,.area.authentication .box .row.submit .btn-submit{width:100%;font-size:16px;font-weight:600;color:#fff;text-align:center;padding:15px 10px;border-radius:4px;background-color:var(--Button-btn-primary,#9153f9);outline:none;transition:all .3s;cursor:pointer;border:1px solid #fff}.area.authentication .box .row.submit .btn-ignore:hover,.area.authentication .box .row.submit .btn-submit:hover{opacity:.8}.area.authentication .box .row.submit .btn-ignore:disabled,.area.authentication .box .row.submit .btn-ignore[disabled],.area.authentication .box .row.submit .btn-submit:disabled,.area.authentication .box .row.submit .btn-submit[disabled]{color:var(--Content-content-disable,rgba(18,25,38,.3));background:var(--Button-btn-disable,rgba(0,0,0,.05))}.area.authentication .box .row.submit .btn-ignore{background-color:#fff;color:var(--Content-content-brand-01,#9153f9)}.area.authentication .box .row.submit .btn-ignore:hover{border-color:var(--Content-content-brand-01,#9153f9)}.area.authentication .box .row .form-require{background:var(--Layer-layer-02,#f8fafc);color:var(--Content-content-secondary,#697586);font-size:12px;font-weight:400;padding:12px;margin-top:8px}.area.authentication .box .row .form-require p{margin:0}.area.authentication .box .row .form-require .ls{margin:0;padding:0 0 0 23px;list-style:disc}.area.authentication .box .row .form-require .ls li{padding:1px 0}.area.authentication .box .row .checkbx{display:flex;flex-direction:row;align-items:center;gap:8px}.area.authentication .box .row .checkbx .form-label{padding-bottom:0;font-weight:400;font-size:12px}.area.authentication .box .row .checkbx{margin-bottom:8px}.area.authentication .box .row.condition{margin-top:29px;margin-bottom:-9px}.area.authentication .box .row .wrap-relative{position:relative}.area.authentication .box .row .wrap-relative input{width:100%}.area.authentication .box .row .btn-show{line-height:1;color:var(--Content-content-secondary,#697586);position:absolute;top:50%;right:13px;background:transparent;border:none;transform:translateY(-50%);cursor:pointer}.area.authentication .box .row .btn-show:after{content:"";font-family:Font Awesome\ 6 Pro;font-size:13px;font-weight:600}.area.authentication .box .row .btn-show.on:after{content:""}.area.authentication .box .row .otp-group{display:flex;width:100%;gap:20px;justify-content:center;align-items:center;margin-top:2px}.area.authentication .box .row .otp-group .form-style{width:48px!important;height:48px;text-align:center;border:1px solid var(--Border-border-secondary,#cdd5df);border-radius:4px;padding:5px;line-height:48px;font-size:20px;font-weight:500}.area.authentication .box .row .otp-group .form-style:focus{outline:2px solid var(--Border-border-interactive,#9153f9)}.area.authentication .box .row .coundown{margin:50px 0 0;font-weight:600;font-size:16px}.area.authentication .box .row .message-success{font-size:14px;font-weight:400;color:#1ad7b1;padding-top:5px}.area.authentication .box .row .message-error{font-size:14px;font-weight:400;color:red;padding-top:5px}.area.authentication .box .row.child{padding-bottom:0;margin-top:-15px}.area.authentication .box.password .title-box,.area.authentication .box.register .title-box{margin-top:22px}.area.authentication .box.password .row{padding-bottom:5px}.area.authentication .box.otp .title-box{margin-top:22px}.area.authentication .box.otp .row.submit{padding-top:15px}.area.authentication .box.otp .row label{width:auto}.area.authentication .box.information .title-box{margin-top:22px}.area.authentication .box.information .row{gap:15px;justify-content:space-between}.area.authentication .box.information.extra .row.submit{padding-top:9px}.area.authentication .box.event .title-box,.area.authentication .box.forgot .title-box,.area.authentication .box.introduce .title-box{margin-top:22px}.area.authentication .box.forgot .row.submit{padding-top:13px}.area.authentication .box.reset-password .title-box{margin-top:22px}.area.authentication .box.reset-password .row.submit{padding-top:13px}.area.authentication .box.success{background:url(/_next/static/media/congratulation-bg.f86daa98.png) no-repeat 0 0;background-size:100%}.area.authentication .box.success.reset{background:#fff}.area.authentication .box.success .icon{text-align:center;margin:0;font-size:0;line-height:1}.area.authentication .box.success .icon img{display:inline-block}.area.authentication .box.success .main-title{text-align:center;font-size:26px;font-weight:600;margin:22px 0 0}.area.authentication .box.success .noted{text-align:center;font-size:16px;font-weight:400;margin:24px 0 23px}.area.authentication .box.success .btn-login{text-decoration:none;display:block;width:100%;font-size:16px;font-weight:600;color:#fff;text-align:center;padding:15px 10px;border-radius:4px;background-color:var(--Button-btn-primary,#9153f9);outline:none;transition:all .3s;cursor:pointer;border:1px solid #fff}.area.authentication .box.success .btn-login:hover{opacity:.8}.area.authentication .box .frlink{margin:0;text-align:right}.area.authentication .box .frlink a{display:inline-block;text-decoration:none;font-size:14px;font-weight:600;line-height:1;color:var(--Support-Info-info-content,#0e42d2)}.area.authentication .box .frlink a:hover{text-decoration:underline}.area.authentication .box .reglink{text-align:center;margin:15px 0 0;font-size:14px;font-weight:400}.area.authentication .box .reglink a{display:inline-block;text-decoration:none;color:var(--Support-Info-info-content,#0e42d2);font-weight:600;margin-left:2px}.area.authentication .box .reglink a:hover{text-decoration:underline}.area.login .title-box{margin-top:22px!important}.area .thirdparty-auth{width:100%;padding-top:10px}.area .thirdparty-auth .note{text-align:center;text-transform:uppercase;font-size:14px;font-weight:400;line-height:1;position:relative;padding-bottom:3px}.area .thirdparty-auth .note span{background-color:#fff;padding:5px 18px;position:relative;z-index:5}.area .thirdparty-auth .note:after{content:"";width:100%;height:1px;background-color:#cdd5df;position:absolute;top:50%;left:0}.area .thirdparty-auth .types{display:flex;flex-direction:column;gap:15px}.area .thirdparty-auth .types .btn-login{display:block;width:100%;text-align:center;outline:none;font-size:16px;font-weight:400;line-height:1;border:1px solid var(--Border-border-secondary,#cdd5df);padding:11px 10px;background-color:#fff;border-radius:4px;color:#121926;cursor:pointer}.area .thirdparty-auth .types .btn-login:hover{opacity:.8}.area .thirdparty-auth .types .btn-login img{max-width:24px;line-height:1;font-size:0;display:inline-block;vertical-align:middle;margin-right:8px;margin-top:-2px}.area .btn-edit{outline:none;background:transparent;cursor:pointer;border:none;padding:0;color:var(--Support-Info-info-content,#0e42d2);font-size:14px;font-weight:400}.area .btn-edit:hover{text-decoration:underline}.area .extra-nav{font-size:14px;font-weight:400;color:var(--Content-content-secondary,#697586);margin-top:40px;position:absolute;width:100%;left:0;bottom:40px}.area .extra-nav .wraper{gap:18px}.area .extra-nav .contact,.area .extra-nav .policy{margin:0;line-height:1}.area .extra-nav .contact a{text-decoration:none;color:var(--Content-content-secondary,#697586)}.area .extra-nav .contact a:hover{text-decoration:underline}.area .language-switcher{position:relative}.area .language-switcher .current{padding:0 15px 0 10px;position:relative;cursor:pointer}.area .language-switcher .current span{line-height:1;margin-right:5px}.area .language-switcher .current:after{content:"";font-size:12px;position:absolute;font-family:Font Awesome\ 6 Pro;font-weight:600;top:50%;right:0;transform:translateY(-50%)}.area .language-switcher .dropdown{display:none}.area .language-switcher.on .dropdown{display:flex;position:absolute;width:100%;background-color:#fff;bottom:30px;left:0;box-shadow:0 4px 10px 0 rgba(0,0,0,.102);padding:10px;flex-direction:column}.area .language-switcher.on .dropdown .option button{display:block;width:100%;background-color:transparent;outline:none;border:none;text-align:left;padding:5px 0;cursor:pointer;color:#121926}.area .language-switcher.on .dropdown .option button:hover{opacity:.8}@media(max-width:1175px){.area.authentication{margin-top:-142px}.area.login{margin-top:-60px}}@media(max-width:768px){.area .extra-nav{bottom:20px}.area.authentication{padding:30px 2.5% 60px}.area.authentication .box{width:100%;padding:20px 15px}.area.authentication .box .row .col-5{flex:0 0 100%;padding-bottom:15px}.area.authentication .box .row .col-5:last-child{padding-bottom:0}.area.authentication .box .row .otp-group{gap:10px}.area.authentication .box .row .otp-group .form-style{width:36px;height:36px;line-height:36px;font-size:18px}.area .extra-nav .wraper{justify-content:center}}@media(max-width:335px){.area.authentication{padding-bottom:120px}.area .extra-nav .wraper{flex-direction:column;align-items:center}}