:root{--primary-h:248;--primary-s:57%;--primary-l:60%;--primary-color:#6e5fd3}.banner{background-image:url(/themes/hsk-online/v2/images/banner/bn-train-student.png)}.wrapper{background-image:url(/themes/hsk-online/v2/images/bg-train-student.png);background-position:50%}.pointer-event-none{pointer-events:none}.text-error{color:#fff;font-weight:700}#auth{margin-top:3rem}#auth .login,#auth .register{display:flex;justify-content:center;margin-bottom:5rem;margin-top:3.125rem}@media screen and (max-width:640px){#auth .login,#auth .register{flex-wrap:wrap;gap:3rem}}#auth .login-form,#auth .register-form{background:radial-gradient(#be4c54,#982322)!important;background:#982322;border-radius:1rem;flex:0 1 35.6rem;margin-left:2rem;padding:3.125rem 1.5rem}@media screen and (max-width:640px){#auth .login-form,#auth .register-form{margin-left:0}}#auth .login-form .title,#auth .register-form .title{display:flex;justify-content:center;margin-bottom:35px}#auth .login-form .title-text,#auth .register-form .title-text{border-bottom:2px solid #fff;color:#fff;font-family:San Francisco Display,sans-serif;font-size:1.5rem;padding-bottom:10px;text-align:center;width:-moz-fit-content;width:fit-content}#auth .login-form .form-group,#auth .register-form .form-group{gap:.7rem}#auth .login-form .form-group .input-wrapper,#auth .register-form .form-group .input-wrapper{position:relative;width:100%}#auth .login-form .form-group .input-wrapper input,#auth .register-form .form-group .input-wrapper input{border:1px solid #d5d5d5;border-radius:.625rem;width:100%}#auth .login-form .form-group .input-wrapper .icon,#auth .register-form .form-group .input-wrapper .icon{cursor:pointer;font-size:1.3rem;position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:1.5rem}#auth .login-form .form-group button,#auth .register-form .form-group button{background-color:#ffd800;color:#982322;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-top:2rem;text-align:center;width:100%}#auth .login-form .forgot-password,#auth .register-form .forgot-password{margin-bottom:1rem;text-align:center}#auth .login-form .forgot-password__text,#auth .register-form .forgot-password__text{border-bottom:.5px solid #fff;color:#fff;font-family:San Francisco Display,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.03em;text-align:center}#auth .login-form .login-account,#auth .login-form .register-account,#auth .register-form .login-account,#auth .register-form .register-account{text-align:center}#auth .login-form .login-account__text,#auth .login-form .register-account__text,#auth .register-form .login-account__text,#auth .register-form .register-account__text{color:#fff;font-family:San Francisco Display,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.03em}#auth .login-form .login-account__main-text,#auth .login-form .register-account__main-text,#auth .register-form .login-account__main-text,#auth .register-form .register-account__main-text{border-bottom:.5px solid #fff;color:#fff}#auth .login-form .login-account__sub-text,#auth .login-form .register-account__sub-text,#auth .register-form .login-account__sub-text,#auth .register-form .register-account__sub-text{font-weight:400;margin-right:.5rem}.modal .header .title{font-size:1.8rem}.modal .header .close{font-size:2.2rem;right:1rem;top:2.5rem}.modal form .form-text{font-size:1.4rem}.modal form .form-group .form-control{font-size:1.2rem;height:3.5rem}.modal form .form-group i{font-size:1.5rem;right:2.1rem;top:50%;transform:translateY(-50%)}.modal form button .btn{font-size:1.2rem;padding:1rem}