/* line 2, ../../sass/main/login.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: var(--color-text-primary);
}

/* line 9, ../../sass/main/login.scss */
.body-pg {
  position: relative;
  width: 100%;
  height: calc(100dvh - 67px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 700px) {
  /* line 9, ../../sass/main/login.scss */
  .body-pg {
    flex-direction: column;
  }
}
/* line 22, ../../sass/main/login.scss */
.body-pg .btn-back {
  position: fixed;
  left: 1.5rem;
  top: 87px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 12px;
}
/* line 31, ../../sass/main/login.scss */
.body-pg .btn-back:hover {
  text-decoration: underline;
}
/* line 35, ../../sass/main/login.scss */
.body-pg .btn-back svg {
  width: 1.5rem;
  height: 1.5rem;
}
/* line 40, ../../sass/main/login.scss */
.body-pg .btn-back p {
  font-size: var(--xxs-text);
  padding-left: 4px;
}
@media screen and (max-width: 700px) {
  /* line 22, ../../sass/main/login.scss */
  .body-pg .btn-back {
    display: none;
  }
}
/* line 50, ../../sass/main/login.scss */
.body-pg .or-lg {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 1rem 0;
  user-select: none;
}
/* line 57, ../../sass/main/login.scss */
.body-pg .or-lg * {
  color: var(--color-text-muted);
}
/* line 61, ../../sass/main/login.scss */
.body-pg .or-lg::before, .body-pg .or-lg::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--color-surface);
}
/* line 69, ../../sass/main/login.scss */
.body-pg .or-lg::after {
  margin-left: 0.5rem;
}
/* line 73, ../../sass/main/login.scss */
.body-pg .or-lg::before {
  margin-right: 0.5rem;
}

/* line 79, ../../sass/main/login.scss */
.md-login:not([data-lazy="false"]) {
  opacity: 1 !important;
}
@media screen and (max-width: 600px) {
  /* line 78, ../../sass/main/login.scss */
  .md-login {
    width: 100%;
  }
}

/* line 89, ../../sass/main/login.scss */
.ct-md-login {
  width: 20rem;
}
@media screen and (max-height: 680px) {
  /* line 89, ../../sass/main/login.scss */
  .ct-md-login {
    padding-top: clamp(40px, calc((660px - 100vh) * 1), 400px);
  }
}
@media screen and (max-width: 550px) {
  /* line 89, ../../sass/main/login.scss */
  .ct-md-login {
    width: 100%;
    padding: 5rem 1rem 2rem 1rem;
    height: 100vh;
    overflow: auto;
  }
}
/* line 103, ../../sass/main/login.scss */
.ct-md-login .ct-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 111, ../../sass/main/login.scss */
.ct-ck-register {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  gap: 4px;
  margin-top: 1rem;
}
@media screen and (max-width: 372px) {
  /* line 111, ../../sass/main/login.scss */
  .ct-ck-register {
    display: block;
  }
}
/* line 123, ../../sass/main/login.scss */
.ct-ck-register .frst-txt {
  color: var(--color-text-muted);
}
/* line 127, ../../sass/main/login.scss */
.ct-ck-register .lk-rgst {
  font-weight: 500;
  cursor: pointer;
}
/* line 131, ../../sass/main/login.scss */
.ct-ck-register .lk-rgst:hover {
  text-decoration: underline;
}
/* line 136, ../../sass/main/login.scss */
.ct-ck-register .img-email {
  width: 60px;
}

/* line 143, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login {
  text-align: center;
  margin-bottom: 1rem;
}
/* line 147, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .title-login {
  font-size: var(--xl-text);
  margin-bottom: 4px;
  user-select: none;
}
/* line 154, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .msg-span {
  margin-top: 20px;
  color: var(--color-text-muted);
}
/* line 159, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em {
  margin-top: 40px;
}
/* line 162, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em .btn-acc-em {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  cursor: pointer;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  border: 1px solid var(--color-surface);
  transition: all 0.3s;
  background-color: var(--color-white);
  font-weight: 500;
}
/* line 176, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em .btn-acc-em:hover {
  background-color: var(--color-surface);
}
/* line 185, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass {
  position: absolute;
  width: 100%;
  border: 1px solid var(--color-surface);
  border-radius: var(--bd-rd-xxs);
  background-color: var(--color-white);
  padding: 10px;
  margin-top: -10px;
  box-shadow: 0px 0px 32px -13px rgba(15, 15, 15, 0.295);
  z-index: 10;
}
/* line 197, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass * {
  color: var(--color-text-muted);
}
/* line 201, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  list-style: none;
}
/* line 207, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-red {
  color: var(--color-danger);
}
/* line 211, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-green {
  color: green;
}
/* line 217, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg input {
  line-height: 1.25rem;
}
/* line 221, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em {
  border: 1px solid var(--color-surface);
  background-color: var(--color-background);
  padding: 1rem 1rem;
  width: 100%;
  border-radius: var(--bd-rd-xxxl);
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 232, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em input {
  padding: 1rem 0rem;
  background-color: transparent;
}
/* line 237, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
/* line 243, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em .toggle-pass {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 248, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em .toggle-pass svg {
  width: 16px;
  height: 16px;
}
/* line 255, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg #confirm-pass {
  position: relative;
  padding: 0rem 1rem;
}
/* line 260, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-surface);
  padding: 0.1rem 1rem;
  width: 100%;
  border-radius: var(--bd-rd-xxxl);
  margin-bottom: 1rem;
}
/* line 271, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss input {
  width: 100%;
  padding: 0.9rem 0;
  background-color: transparent;
}
/* line 277, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
/* line 283, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss .toggle-pass {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* line 289, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss .toggle-pass svg {
  width: 16px;
  height: 16px;
}
/* line 296, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .input-invalid {
  border-color: red;
}
/* line 300, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .btn-cf-frm {
  width: 100%;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  background-color: var(--color-text-primary);
  color: var(--color-white);
  font-weight: 500;
}
/* line 311, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  list-style: none;
}
/* line 317, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char {
  font-size: var(--xxs-text);
}
/* line 321, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-red {
  color: var(--color-danger);
  font-size: var(--xxs-text);
}
/* line 326, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-green {
  color: green;
  font-size: var(--xxs-text);
}
/* line 337, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw {
  margin-top: 0.5rem;
  padding: 0.5rem 0;
}
/* line 341, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw .ck-broke-down {
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}
/* line 346, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw .ck-broke-down:hover {
  text-decoration: underline;
}
/* line 352, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account {
  padding: 0.5rem 0;
  text-align: center;
}
/* line 356, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account .crt-acct {
  font-weight: 500;
  cursor: pointer;
}
/* line 360, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account .crt-acct:hover {
  text-decoration: underline;
}

/* line 367, ../../sass/main/login.scss */
.ct-ex {
  position: relative;
}

/* line 371, ../../sass/main/login.scss */
.ct-ft-lg {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
/* line 375, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  cursor: pointer;
  padding: 1.08rem;
  border-radius: var(--bd-rd-xxxl);
  border: 1px solid var(--color-surface);
  transition: all 0.3s;
  background-color: transparent;
  font-weight: 500;
  margin-bottom: 1rem;
  user-select: none;
}
/* line 391, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg:hover {
  background-color: var(--color-surface);
}
/* line 395, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg img {
  width: 18px;
  height: 18px;
}
/* line 402, ../../sass/main/login.scss */
.ct-ft-lg .pl-link {
  padding-top: 1rem;
  text-align: center;
}
/* line 406, ../../sass/main/login.scss */
.ct-ft-lg .pl-link a {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

/* line 414, ../../sass/main/login.scss */
.custom-captcha {
  width: 100%;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-surface);
  padding: 8px;
  border-radius: var(--bd-rd-xxs);
  background-color: #fff;
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

/* line 428, ../../sass/main/login.scss */
.captcha-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 434, ../../sass/main/login.scss */
.captcha-checkbox input {
  display: none;
}

/* line 438, ../../sass/main/login.scss */
.checkmark {
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-surface);
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  transition: all 0.3s ease;
}

/* line 448, ../../sass/main/login.scss */
.captcha-checkbox input:checked + .checkmark {
  border-color: #34a853;
  background-color: #34a853;
}

/* line 453, ../../sass/main/login.scss */
.captcha-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  animation: checkmarkAnim 0.2s ease;
}

@keyframes checkmarkAnim {
  0% {
    transform: scale(0.5) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
/* line 478, ../../sass/main/login.scss */
.captcha-text {
  font-size: va(--xxs-text);
  color: #333;
}

/* line 483, ../../sass/main/login.scss */
.captcha-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
}

/* line 490, ../../sass/main/login.scss */
.captcha-brand img {
  width: 30px;
}

/* line 494, ../../sass/main/login.scss */
.captcha-brand .terms {
  font-size: va(--xxxs-text);
  color: #777;
}

/* line 499, ../../sass/main/login.scss */
.captcha-brand .terms a {
  color: #777;
  text-decoration: none;
  margin: 0 2px;
}

/* line 506, ../../sass/main/login.scss */
.msg-error {
  color: red;
  margin-bottom: 1rem;
  font-weight: 500;
}

/* line 512, ../../sass/main/login.scss */
input:not([name=password]) {
  transition: all .3s;
  width: 100%;
}
/* line 516, ../../sass/main/login.scss */
input:not([name=password]):focus {
  border-color: var(--color-text-primary) !important;
}

/* line 523, ../../sass/main/login.scss */
.ct-pss {
  transition: all .3s;
}
/* line 526, ../../sass/main/login.scss */
.ct-pss:focus-within {
  border-color: var(--color-text-primary) !important;
}
/* line 530, ../../sass/main/login.scss */
.ct-pss:focus-within .ml-ti {
  color: red;
}

/* line 548, ../../sass/main/login.scss */
.ct-l-md .cd-inp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 1rem 0;
}
/* line 555, ../../sass/main/login.scss */
.ct-l-md .cd-inp input {
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: var(--sm-text);
  border-radius: var(--bd-rd-xxs);
  background-color: transparent;
  border: 1px solid var(--color-text-muted);
  color: var(--color-text-primary);
  font-weight: 500;
}
/* line 570, ../../sass/main/login.scss */
.ct-l-md .cd-inp input::-webkit-inner-spin-button {
  appearance: none;
}
@media screen and (max-width: 350px) {
  /* line 555, ../../sass/main/login.scss */
  .ct-l-md .cd-inp input {
    width: 40px;
    height: 40px;
  }
}
/* line 579, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:last-child {
  margin-right: 0;
}
/* line 583, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:hover {
  border-color: var(--color-text-primary);
}
/* line 587, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:focus {
  border-color: var(--color-text-primary);
}
/* line 596, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
/* line 602, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck .cfm-btn {
  text-align: center;
  width: 100%;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  background-color: var(--color-text-primary);
  color: var(--color-white);
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
/* line 613, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck .cfm-btn.blocked {
  color: var(--color-white);
  pointer-events: none;
  opacity: .5;
}
/* line 623, ../../sass/main/login.scss */
.ct-l-md .no-cd {
  transition: all .3s;
  margin-top: 15px;
  color: var(--color-text-primary);
  width: 180px;
  user-select: none;
  cursor: pointer;
  font-weight: 500;
}

/* line 636, ../../sass/main/login.scss */
.ct-ip-ml {
  position: relative;
}

/* line 640, ../../sass/main/login.scss */
.ml-ti {
  transition: all .1s;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  color: var(--color-text-muted);
  user-select: none;
  background-color: var(--color-background);
  padding: 0 5px;
  margin-left: -10px;
  cursor: text;
}

/* line 654, ../../sass/main/login.scss */
.trms-link {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 1rem;
}
/* line 661, ../../sass/main/login.scss */
.trms-link .terms {
  margin-right: 1rem;
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 668, ../../sass/main/login.scss */
.trms-link .terms:hover {
  color: var(--color-text-primary);
}
/* line 673, ../../sass/main/login.scss */
.trms-link .policy {
  margin-left: 1rem;
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 680, ../../sass/main/login.scss */
.trms-link .policy:hover {
  color: var(--color-text-primary);
}