a,button{cursor:pointer}button,input,textarea{background:0 0}.sub-title,.title{color:var(--white-color);text-align:center}.sub-title,.text-and-btn .text,.text-footer,.title{text-align:center}a,a:hover{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.title,b,strong{font-weight:600}.text-and-btn .btn-action,.text-and-btn .text,body,input{font-family:Inter,sans-serif}.float-input .toggle-password-checkbox:checked~.show-password-icon,.hide-password-icon,.language-container.show .language-dropdown,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,::after,::before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}body,html{scroll-behavior:smooth}html{font-size:62.5%;--text-input-color:#eef0f7;--label-input-focus:#dce1ef;--disable-bg:#293656;--disable-text-color:#6e7891;--primary-color:#2c5fd3;--secondary-color:#abbfed;--white-color:#fff;--border-color:#42558a;--error-text-color:#c0404c;--error-border-color:#e6b2b7;--tertiary-color:#ec9213;--success-color:#3e8e41}.sub-title,body{font-size:1.6rem}body{line-height:1}a{color:inherit}a,button,img,input,label,select,textarea{padding:0;font-family:Inter,sans-serif;color:inherit;outline:0;border:none}em,i{font-style:italic}.container{position:relative;width:100vw;height:100vh;max-width:100vw;background:url('../img/left-panel.jpg') center/cover no-repeat;overflow-y:auto;padding:0}.content{display:flex;flex-direction:column;align-items:center;padding:0 16px;max-width:100%;height:100%;width:35%;overflow-x:hidden}.content form{padding-top:10px}.content form section,.sign-up-btn{margin-left:24px;margin-right:24px}.content form .sign-up-btn{margin:auto}.content form::-webkit-scrollbar{width:2px;border-radius:999px;height:2px}.content form::-webkit-scrollbar-thumb{background:#c0d9ff}.content form::-webkit-scrollbar-thumb:hover{background:#555}.logo{display:block;margin:50px auto 32px;height:85px;transition:transform .3s,box-shadow .3s}.social,form{display:flex;width:100%}.title{font-size:2.8rem;line-height:1.28}.btn,.sub-title{line-height:1.5}.sub-title{font-weight:400}.btn,.language_name{font-weight:600;font-size:1.6rem}form{flex-direction:column;gap:32px;padding:0 40px}.social{justify-content:center;align-items:center;gap:56px;flex-wrap:wrap}.language,.language-dropdown-item{gap:20px;user-select:none;cursor:pointer}input{outline:0}.icon-input-date{position:absolute;right:10px;top:19px;z-index:9}.float-input{width:100%;position:relative}.float-input .input-label,.float-input .text-input{font-size:1.6rem;line-height:1.5}.float-input .input-label{position:absolute;top:50%;left:16px;translate:0 -50%;background:0 0;color:var(--disable-text-color);transition:.3s;pointer-events:none;z-index:999}.float-input .text-input{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:10px;color:var(--text-input-color);transition:border-color .3s;height:56px;text-security:none;-webkit-text-security:none;-moz-text-security:none}.btn:disabled,.float-input .input-label{color:var(--disable-text-color)}.float-input .text-input.text-input-date{position:relative;z-index:99;padding-right:30px;cursor:pointer}.float-input .text-input:focus{border-color:var(--primary-color)}.float-input .text-input:focus+.input-label,.float-input .text-input:not(:placeholder-shown)+.input-label{translate:0 -50%;top:0;color:var(--label-input-focus);padding:0 4px;background-color:#282c47}.float-input .text-input:focus~.hide-password-icon,.float-input .text-input:focus~.show-password-icon{color:#fff}.float-input .toggle-password-checkbox,.float-input .toggle-password-checkbox:checked~.hide-password-icon,.show-password-icon{display:none}.btn,.container,.language,.language.show{display:flex}.float-input .toggle-password-checkbox:checked~.text-input{text-security:disc;-webkit-text-security:disc;-moz-text-security:disc}.float-input input:has(+ .toggle-password-checkbox){text-security:disc;-webkit-text-security:disc;-moz-text-security:disc}.hide-password-icon,.show-password-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;cursor:pointer;color:#6e7891;transition:.3s}.btn{border-radius:10px;justify-content:center;align-items:center;padding:10px;min-width:120px;background:var(--primary-color);color:var(--white-color);height:44px;width:100%}.language,.language-dropdown{position:absolute;right:0;background:0 0}.language_name,.or-separate{color:#fff;font-family:Inter}.btn:disabled{background:var(--disable-bg);cursor:default}.checkbox label{position:relative;display:flex;align-items:center;min-height:24px;flex-wrap:wrap}.checkbox label::after,.checkbox label::before{content:"";display:inline-block}.checkbox label::before{width:18px;height:18px;margin-right:8px;border:2px solid var(--border-color);border-radius:3px}.checkbox [type=checkbox]:checked~label::before{background:var(--primary-color);border-color:var(--primary-color)}.checkbox [type=checkbox]:checked~label::after{position:absolute;top:9px;left:4px;width:10px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;rotate:-45deg}.language-container{position:absolute;width:96px;height:44px}.language-container.show .language{border-bottom-left-radius:0;border-bottom-right-radius:0}.language{top:0;width:100%;height:100%;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--Schemes-Outline-Outline,#5067a4)}.language_name{width:15px}.language_image{width:20px;height:20px;object-fit:cover;border-radius:9999px}.language-dropdown{left:0;top:100%;border-radius:0 0 10px 10px;background:#20293f;border:1px solid var(--Schemes-Outline-Outline,#5067a4);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:none;width:100%;z-index:1000}.content-right,.img-right,.langs{position:relative}.language-dropdown-item{display:flex;justify-content:center;align-items:center;width:100%;padding:12px 0}.or-separate{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:400;width:100%}.or-separate::after,.or-separate::before{display:block;content:"";flex:1;height:1px;background:#42558a}.text-footer{font-size:2.2rem;line-height:1.27;margin:15px 0;font-weight:600;color:var(--white-color)}.text-footer a{color:var(--secondary-color)}@media only screen and (max-width:576px){form{gap:20px}.text-footer{font-size:1.6rem;position:relative;margin-top:200px;width:100%;text-align:center}}.langs{height:25px;width:100%;display:flex;justify-content:right;align-items:center;margin-left:10px;margin-top:18px;margin-bottom:23px}.content-right{height:100%;padding:18px 18px 18px 0!important;width:65%}.content-right-image{height:100%;border-radius:20px;background-image:url('../img/right-panel.png');background-repeat:no-repeat;background-size:cover}.img-right{height:100%;width:100%}.all-content{margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;width:100%}.text-and-btn{width:65%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center}.text-and-btn .text{width:100%;color:var(--Schemes-Text-Text,#fff);text-shadow:0 19px 5px rgba(10,27,67,0),0 12px 5px rgba(10,27,67,.01),0 7px 4px rgba(10,27,67,.05),0 3px 3px rgba(10,27,67,.09),0 1px 2px rgba(10,27,67,.1),0 0 0 rgba(10,27,67,.1);font-size:64px;font-style:normal;font-weight:700;line-height:76px}.text-and-btn .btn-action{display:flex;min-width:300px;padding:10px 24px;justify-content:center;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--Schemes-Outline-Outline-Variant,#ccd3e6);color:var(--Schemes-Primary-On-Primary,#eff3fc);text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.language-container{right:10px;top:0;z-index:1000}.option-gender.error{border:1px solid red;color:red}.sign-up-form{padding:0!important}.section-survey{gap:25px!important}.rule-list{grid-template-columns:none!important}@media (max-width:1540px){.content{width:600px}}@media (max-width:1440px){.content{width:600px}}@media (max-width:1366px){.content{margin-left:0;margin-right:0;width:600px}}@media (max-width:1200px){.content-right{display:none!important}.content{margin:auto;width:600px}.all-content{margin-left:auto;margin-right:auto}.text-and-btn{opacity:0;animation:ease-in-out forwards smoth-close!important}}@media (max-width:580px){form{padding:0 20px}.text-footer{margin-top:15px}}@media (max-width:458px){form{padding:0 15px}.content{width:100vw}}@keyframes smoth-close{from{width:100%}to{width:1%;display:none}}@keyframes smoth-open{from{width:0%;display:none}to{width:50%;display:block}}a:hover{color:#ccd9e7}.resend-otp{margin-bottom:24px}@media (max-width:575px){.lastname-and-name{display:flex;flex-direction:column;gap:25px}.container{padding:0}}@media (max-width:430px){form{padding:0 10px}.birthday,.option-gender{gap:10px!important}.content form section{margin-left:12px;margin-right:12px;margin-top:10px}.option-gender .option{border:none!important;padding:0!important}.log{margin-bottom:32px;margin-top:45px;height:76px}}
