@charset "UTF-8";
:root {
  --icon-lock: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.1 5.55V4.86429C2.1 2.5851 3.90643 0.75 6.15 0.75C8.39357 0.75 10.2 2.5851 10.2 4.86429V5.55M2.1 5.55C1.3575 5.55 0.75 6.16714 0.75 6.92143V13.7786C0.75 14.5329 1.3575 15.15 2.1 15.15H10.2C10.9425 15.15 11.55 14.5329 11.55 13.7786V6.92143C11.55 6.16714 10.9425 5.55 10.2 5.55M2.1 5.55H10.2M6.15 11.1V9.3' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}

@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Оптимизация загрузки шрифта */
}
@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-SemiBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos Text";
  src: url("/css/golos/GolosText-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Golos Text", Montserrat, sans-serif;
  min-height: 100vh;
  display: flex;
  align-items: center; /* по вертикали */
  justify-content: center; /* по горизонтали */
}
@media screen and (min-width: 600px) {
  body {
    background-color: #F0F0F0;
  }
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: inherit; /* наследует цвет от родителя */
  text-decoration: none; /* убирает подчёркивание */
  outline: none; /* убирает обводку при фокусе (для a11y лучше оставить или заменить) */
  background-color: transparent; /* убирает фон, если был */
}

.auth_form {
  width: 500px;
  background-color: #fff;
  height: 100vh;
  max-width: 100vw;
  opacity: 1;
  padding: 30px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.auth_form form {
  flex: 1;
}
@media screen and (min-width: 600px) {
  .auth_form {
    border-radius: 20px;
    height: auto;
  }
}
.auth_form h1 {
  font-weight: 600;
  font-size: 22px;
}
.auth_form .input_block {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 20px;
}
.auth_form .button_block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.auth_form .sec_text {
  margin-top: 20px;
  width: 100%;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}
.auth_form .sec_text a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-style: solid;
}
.auth_form label {
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding-bottom: 10px;
}
.auth_form input:not([type=radio]):not([type=checkbox]), .auth_form button {
  width: 100%;
  max-width: 500px;
  height: 44px;
  border-radius: 8px;
}
.auth_form input:not([type=radio]):not([type=checkbox]):active, .auth_form input:not([type=radio]):not([type=checkbox]):focus, .auth_form button:active, .auth_form button:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}
.auth_form input:not([type=radio]):not([type=checkbox]) {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #BEBEBE;
  font-weight: 600;
  font-size: 14px;
  display: block;
}
.auth_form input:not([type=radio]):not([type=checkbox]):disabled {
  background-image: var(--icon-lock);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px 16px;
  background-color: #EBEBEB;
}
.auth_form input:not([type=radio]):not([type=checkbox]):active, .auth_form input:not([type=radio]):not([type=checkbox]):focus {
  border: 1px solid #125EAA;
}
.auth_form input:not([type=radio]):not([type=checkbox])::placeholder {
  font-weight: 400;
  font-size: 14px;
}
.auth_form .radio-custom {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-right: 20px;
  font-weight: 400;
}
.auth_form .radio-custom .checkmark {
  width: 16px;
  height: 16px;
  border: 1.5px solid #999999;
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s;
}
.auth_form .radio-custom input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.auth_form .radio-custom input[type=radio]:checked ~ .checkmark {
  border-color: #125EAA;
  border-width: 5px;
}
.auth_form .radio-custom input[type=radio]:focus-visible ~ .checkmark {
  outline: 2px solid #125EAA;
  outline-offset: 2px;
}
.auth_form .radio-custom input[type=checkbox] {
  cursor: pointer;
}
.auth_form .psw_repeat {
  margin-top: 10px;
}
.auth_form .pswd {
  position: relative;
}
.auth_form .pswd input {
  padding-right: 40px;
}
.auth_form .pswd .toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 18px;
  height: 13px;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 6.25016C15.3524 9.06004 11.852 11.75 8.74981 11.75C5.64761 11.75 2.14717 9.06004 0.75 6.24983' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 6.25016C15.3524 3.44027 11.8526 0.75 8.75036 0.75C5.64816 0.75 2.14717 3.43961 0.75 6.24983' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.15 6.25C11.15 7.55181 10.0755 8.60714 8.75 8.60714C7.42452 8.60714 6.35 7.55181 6.35 6.25C6.35 4.94819 7.42452 3.89286 8.75 3.89286C10.0755 3.89286 11.15 4.94819 11.15 6.25Z' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.auth_form .link, .auth_form .link_back {
  display: block;
  color: #125EAA;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}
.auth_form .link:hover, .auth_form .link_back:hover {
  color: #257FDA;
}
.auth_form .link_back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
.auth_form .link_back::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75 10.75L0.75 5.75L5.75 0.75M0.75 5.75L16.7524 5.75' stroke='%23125EAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.auth_form .inp_ln .error, .auth_form .inp_ln .message {
  margin-top: 6px;
}
.auth_form .inp_ln .error {
  color: #EB0000;
  font-weight: 400;
  font-size: 14px;
}
.auth_form .inp_ln .message {
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.auth_form .btn_prm {
  color: #fff;
  background-color: #125EAA;
  border: none;
}
.auth_form .btn_prm:hover {
  background-color: #257FDA;
}
.auth_form .btn_scn, .auth_form .btn_scn:focus {
  border: 1px solid #125EAA;
  color: #125EAA;
}
.auth_form .btn_scn:hover, .auth_form .btn_scn:focus:hover {
  background-color: #E1F0FF;
}
.auth_form .btn_prm, .auth_form .btn_scn {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.auth_form .btn_prm:disabled, .auth_form .btn_scn:disabled {
  background-color: #EBEBEB;
  color: #999999;
}