@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
body{background-color:#f6f6f6;font-family:Poppins,sans-serif!important;overflow-x:hidden!important;overflow-y:auto!important}body:before{background:url(/img/circle-1.png);background-position:top;background-repeat:no-repeat;background-size:contain;height:338px;top:0;width:747px;z-index:0}body:after,body:before{content:"";display:block;position:fixed;right:0}body:after{background:url(/img/circle-2.png);background-position:100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:350px;width:410px;z-index:-1}.login-page{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%;padding:40px 80px;width:100%}.login-page,.login-page .login-box{height:100%;position:relative}.login-page .login-box .title{margin-bottom:15px;text-align:center}.login-page .login-box .title a{display:block;margin:0 auto 10px;width:173px}.login-page .login-box .title a img{width:100%}.login-page .login-box .title a img.dark-logo{display:none}.login-page .login-box .title h3{color:#121212;font-family:Poppins,sans-serif!important;font-size:22px;font-weight:500;letter-spacing:-1.12px;line-height:30px;margin:0}.login-page .login-box .title p{color:#7b7b7b;font-size:14px;font-weight:400;line-height:22px;margin:0;padding:0}.login-page .login-box .login-form-box{position:relative}.login-page .login-box .login-form-box .field-group{margin-bottom:15px;position:relative}.login-page .login-box .login-form-box .field-group .form-control-label{color:#000;font-size:14px;font-weight:400;letter-spacing:-.1px;line-height:18px;margin-bottom:8px;padding:0}.login-page .login-box .login-form-box .field-group .field input{background:#fff;border:1px solid #ccc;border-radius:10px;color:#000;font-size:14px;font-weight:400;height:auto;line-height:24px;padding:11px 22px}.login-page .login-box .login-form-box .field-group .field input:focus{box-shadow:none;outline:none}.login-page .login-box .login-form-box .field-group .field input:focus-visible{box-shadow:none;outline:none}.login-page .login-box .login-form-box .field-group .password-toggle-icon{cursor:pointer;position:absolute;right:10px;top:54px;transform:translateY(-50%)}.login-page .login-box .login-form-box .field-group .confirm-password-toggle-icon{cursor:pointer;position:absolute;right:10px;top:54px;transform:translateY(-50%);z-index:10}.login-page .login-box .login-form-box .remember{align-items:center;display:flex;justify-content:space-between;width:100%}.login-page .login-box .login-form-box .remember .checkbox{margin:0;position:relative}.login-page .login-box .login-form-box .remember .checkbox input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}.login-page .login-box .login-form-box .remember .checkbox input:checked+label:after{border:solid #282461;border-width:0 3px 3px 0;content:"";display:block;height:12px;left:6px;position:absolute;top:4px;transform:rotate(45deg);width:7px}.login-page .login-box .login-form-box .remember .checkbox label{color:#000;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:-.1px;line-height:24px;padding:0;position:relative}.login-page .login-box .login-form-box .remember .checkbox label:before{-webkit-appearance:none;background-color:transparent;background:#fff;border:1px solid #ccc;border-radius:3px;content:"";cursor:pointer;display:inline-block;margin-right:11px;margin-top:-2px;padding:8px;position:relative;vertical-align:middle}.login-page .login-box .login-form-box .remember a{border:0;color:#282461;font-size:14px;font-weight:400;letter-spacing:-.1px;line-height:24px;padding:0}.login-page .login-box .login-form-box .remember a:hover{text-decoration:none}.login-page .login-box .login-form-box .login-btn{background:#ff754a;border:0;border-radius:10px;color:#fff;display:block;font-size:16px;font-weight:600;letter-spacing:-.1px;line-height:24px;padding:12px;width:100%}.login-page .login-box .login-form-box .dont-account{margin:15px 0;position:relative}.login-page .login-box .login-form-box .dont-account p{color:#000;font-size:16px;font-weight:400;letter-spacing:-.1px;line-height:24px;margin-bottom:15px;text-align:center}.login-page .login-box .login-form-box .dont-account p a{color:#282461;font-size:16px}.login-page .login-box .login-form-box .dont-account p a:hover{text-decoration:none}.login-page .login-box .login-form-box .dont-account span{color:#7b7b7b;display:block;font-size:16px;font-weight:400;letter-spacing:-.1px;line-height:24px;position:relative;text-align:center;width:100%}.login-page .login-box .login-form-box .dont-account span:before{background:#545288;content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:45%}.login-page .login-box .login-form-box .dont-account span:after{background:#545288;content:"";display:block;height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:45%}.login-page .login-box .login-form-box .login-apple{align-items:center;display:flex;gap:20px;justify-content:center}.login-page .login-box .login-form-box .login-apple a{align-items:center;background:#fff;border:1px solid #ccc;border-radius:100px;display:flex;height:50px;justify-content:center;width:50px}.login-page .login-box .login-form-box .login-apple a img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.login-page .signin-google a,.login-page .signin-google button{align-items:center;background:#000;border:0;border-radius:10px;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:-.1px;line-height:24px;padding:12px;width:100%}.login-page .signin-google a:hover,.login-page .signin-google button:hover{text-decoration:none}.login-page .login-banner{margin:0 auto;text-align:center;width:80%}.login-page .login-banner img{width:100%}.reset-page .login-banner img{width:auto}.register-page{display:block;height:auto}:has(.login-page) .alert-info{background:#fff;border-radius:10px;box-shadow:0 0 21px 0 rgba(0,0,0,.13);color:#000;font-size:16px;font-weight:500;left:50%;margin:0;padding:10px 14px;position:absolute;top:27px;transform:translateX(-50%)}body.dark-mode{background-color:#151433}body.dark-mode:has(.login-page) .alert-info{background:#4a4a74;color:#fff}.dark-mode .login-page .login-box .title a img{width:100%}.dark-mode .login-page .login-box .title a img.dark-logo{display:block}.dark-mode .login-page .login-box .title a img.light-logo{display:none}.dark-mode .login-page .login-box .login-form-box .field-group .confirm-password-toggle-icon,.dark-mode .login-page .login-box .login-form-box .field-group .form-control-label,.dark-mode .login-page .login-box .login-form-box .field-group .password-toggle-icon,.dark-mode .login-page .login-box .login-form-box .remember .checkbox label,.dark-mode .login-page .login-box .title h3,.dark-mode .login-page .login-box .title p{color:#fff}.dark-mode .login-page .login-box .login-form-box .remember .checkbox label:before{background:#776dff;border:1px solid #776dff}.dark-mode .login-page .login-box .login-form-box .remember .checkbox input:checked+label:after{border:solid #fff;border-width:0 3px 3px 0}.dark-mode .login-page .login-box .login-form-box .remember a{color:#776dff}.dark-mode .login-page .login-box .login-form-box .dont-account p{color:#fff}.dark-mode .login-page .login-box .login-form-box .dont-account p a{color:#776dff}.dark-mode .login-page .login-box .login-form-box .login-apple a{background:#242345;border:1px solid #4a4a74}.dark-mode .login-page .login-box .login-form-box .login-apple a img{filter:invert(1)}.dark-mode .login-box .login-form-box .field-group .field input{background:#242345;border:1px solid #4a4a74;color:#fff}.dark-mode .login-box .login-form-box .field-group .field input::-moz-placeholder{color:#7b7b7b}.dark-mode .login-box .login-form-box .field-group .field input::placeholder{color:#7b7b7b}body.dark-mode:before{background:url(/img/circle-1-dark.png)}body.dark-mode:after{background:url(/img/circle-2-dark.png)}@media (max-width:991px){.login-page{display:block;padding:70px 40px}.login-page .w-100{width:auto!important}.login-page .login-box .title{margin-bottom:40px}:has(.login-page) .alert-info{font-size:14px;padding:8px 12px;top:12px}.reset-page .login-banner{margin-top:30px}}@media (max-width:575px){.login-page{padding:65px 20px}.login-page .login-box .title{margin-bottom:20px}.login-page .login-box .title a{margin:0 auto 10px}.login-page .login-box .title h3{font-size:24px;line-height:40px}.login-page .login-box .login-form-box .field-group .form-control-label{font-size:14px;line-height:20px;margin-bottom:8px}.login-page .login-box .login-form-box .remember{align-items:flex-start;flex-direction:column;gap:10px;width:100%}.login-page .login-box .login-form-box .remember .checkbox label,.login-page .login-box .login-form-box .remember a{font-size:16px;line-height:20px}.login-page .login-box .login-form-box .dont-account{margin:20px 0}.login-page .login-box .login-form-box .dont-account p{font-size:16px;line-height:20px;margin-bottom:20px}.login-page .login-box .login-form-box .login-btn,.login-page .login-box .login-form-box .signin-google a,.login-page .login-box .login-form-box .signin-google button{font-size:14px;line-height:20px;padding:10px}.login-page .login-box .login-form-box .signin-google a img{width:20px}.login-page .login-box .login-form-box .dont-account span{font-size:16px;line-height:20px}.login-page .login-box .login-form-box .dont-account span:after,.login-page .login-box .login-form-box .dont-account span:before{width:42%}.login-page .login-box .login-form-box .dont-account p a{font-size:16px}.login-page .login-box .login-form-box .login-apple{gap:10px;padding-bottom:20px}.login-page .login-box .login-form-box .login-apple a{height:40px;width:40px}.login-page .login-box .login-form-box .field-group .field input{font-size:14px;line-height:20px;padding:12px 14px}.login-page .login-box .login-form-box .remember .checkbox label:before{margin-right:8px;padding:8px}.login-page .login-box .login-form-box .remember .checkbox input:checked+label:after{height:11px;left:6px;top:3px;width:6px}.reset-page .login-banner{margin-top:20px;padding:20px;width:50%}.reset-page .login-banner img{width:100%}}