@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_Light-66ed6b50353e915ceec1d4d3d705b93489a47bafd6c47fb01ef378ce55577068.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_Light-38d627745a0a05ac2e72e4d132dda9f1c6739bdbdb33be1312274367153e12b1.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_Light-4922fa7bd1aa68cbaf151bbb07ca598e942071567505ca7afcfb94f65a3a6316.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_Regular-f29f73991c6113d8a526742ccac35f0784296027bd70c7df7e2a1c0ca066d529.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_Regular-75cf0ee4067cc0376158464101b44e5614c2674708777aa0100c2cc5571946e6.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_Regular-fd276d0d13359e19894c4489fdc66a8c974a5be969bba5d2cd6a51489532e6ec.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_Medium-6159002c24d4a43a58cb873cccc64076bea0084ba463b6469d863e918609efa4.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_Medium-bb438f71a3bd366607e800b6396befc8a6708b9b7595a9a325da22630ad4d1f1.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_Medium-0e8232ed49d1d648a2acd67af5e010eabab5e5bcfabc2f2d502703a649c4361f.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_SemiBold-cd990ed56c6d7f86b884a0ac7d02cc54cbd15ebeace9c1006f7404cec0b8e411.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_SemiBold-b402e43913e0f6397d24a481b14f4d8269f3a9e1c7bfb6ee1fbf0816acc59051.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_SemiBold-2f8ba605978a8d5956af7ff0d71e8e866fb8718ff3d395b609fd43142b32c015.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_Bold-7f4fdd132c5534b8a98f9b1e3aa3c1a67e0baef25c659d66ea8715f0ffa75207.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_Bold-7ace6f638cb0d70f6b2720f20bfc9ab835833708f87d30ac988c7088aa58bece.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_Bold-8db63bee49799958749bfed3af6810a4e243710b08996202e4a132660a4e4f94.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Kaspersky Sans Display';
  src: url(/assets/kaspersky-sans-display/WOFF2/Kaspersky_Sans_Display_ExtraBold-d5d9a2420cb2be46e45a8cb3af81d9725f6fa998750b0f6949b08e55f8f030d7.woff2) format("woff2"), url(/assets/kaspersky-sans-display/WOFF/Kaspersky_Sans_Display_ExtraBold-e0c1073f733c6602793c7d3d8196af737d2a25c17204fc8ff1066bdd0ef9a19b.woff) format("woff"), url(/assets/kaspersky-sans-display/TTF/Kaspersky_Sans_Display_ExtraBold-93b173d575ab17cf90dcd1c8a9cf65517fa9bb26ec894e9da9b761614cfd6159.ttf) format("truetype");
  font-weight: 800;
}

/* line 60, app/assets/stylesheets/devise.css.scss */
* {
  box-sizing: border-box;
}

/* line 64, app/assets/stylesheets/devise.css.scss */
:focus-visible {
  outline-color: #29ccb1;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 64, app/assets/stylesheets/devise.css.scss */
  :focus-visible {
    outline-width: 1.5px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 64, app/assets/stylesheets/devise.css.scss */
  :focus-visible {
    outline-width: 2px;
  }
}

/* line 76, app/assets/stylesheets/devise.css.scss */
::placeholder {
  color: rgba(42, 53, 65, 0.7);
  opacity: 1;
  /* Firefox */
}

/* line 81, app/assets/stylesheets/devise.css.scss */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  width: 100vw;
}

/* line 88, app/assets/stylesheets/devise.css.scss */
a {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-weight: 600;
  color: #00a88e;
}

/* line 94, app/assets/stylesheets/devise.css.scss */
a:hover {
  color: #29ccb1;
}

/* line 98, app/assets/stylesheets/devise.css.scss */
.page {
  min-width: 1000px;
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  background: #00a88e;
}

/* line 108, app/assets/stylesheets/devise.css.scss */
.background {
  flex-basis: 67%;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* line 114, app/assets/stylesheets/devise.css.scss */
.background img {
  transition: transform 2s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 121, app/assets/stylesheets/devise.css.scss */
.background img:hover {
  transform: scale(1.05);
}

/* line 125, app/assets/stylesheets/devise.css.scss */
.background .badge {
  width: 336px;
  position: absolute;
  bottom: 32px;
  left: 32px;
  border-radius: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 125, app/assets/stylesheets/devise.css.scss */
  .background .badge {
    width: 448px;
    bottom: 48px;
    left: 48px;
    border-radius: 10px;
    padding: 21px;
    gap: 10px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 125, app/assets/stylesheets/devise.css.scss */
  .background .badge {
    width: 672px;
    bottom: 64px;
    left: 64px;
    border-radius: 16px;
    padding: 32px;
    gap: 16px;
  }
}

/* line 158, app/assets/stylesheets/devise.css.scss */
.background .badge .data-title {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(42, 53, 65, 0.7);
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 158, app/assets/stylesheets/devise.css.scss */
  .background .badge .data-title {
    font-size: 18px;
    line-height: 21px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 158, app/assets/stylesheets/devise.css.scss */
  .background .badge .data-title {
    font-size: 28px;
    line-height: 32px;
  }
}

/* line 176, app/assets/stylesheets/devise.css.scss */
.background .badge .data-value {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 24px;
  color: #1d1d1b;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 176, app/assets/stylesheets/devise.css.scss */
  .background .badge .data-value {
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 176, app/assets/stylesheets/devise.css.scss */
  .background .badge .data-value {
    font-size: 42px;
    line-height: 48px;
  }
}

/* line 196, app/assets/stylesheets/devise.css.scss */
.wrapper {
  flex-basis: 33%;
  min-width: 600px;
  padding: 64px 100px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  background: white;
  max-height: 100vh;
  overflow-y: auto;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 196, app/assets/stylesheets/devise.css.scss */
  .wrapper {
    min-width: 870px;
    padding: 86px 132px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 196, app/assets/stylesheets/devise.css.scss */
  .wrapper {
    min-width: 1270px;
    padding: 128px 200px;
  }
}

/* line 218, app/assets/stylesheets/devise.css.scss */
.container {
  flex-grow: 1;
}

/* line 222, app/assets/stylesheets/devise.css.scss */
.form {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 222, app/assets/stylesheets/devise.css.scss */
  .form {
    gap: 42px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 222, app/assets/stylesheets/devise.css.scss */
  .form {
    gap: 64px;
  }
}

/* line 237, app/assets/stylesheets/devise.css.scss */
.title {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
  color: #1d1d1b;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 237, app/assets/stylesheets/devise.css.scss */
  .title {
    font-size: 42px;
    line-height: 48px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 237, app/assets/stylesheets/devise.css.scss */
  .title {
    font-size: 64px;
    line-height: 72px;
  }
}

/* line 255, app/assets/stylesheets/devise.css.scss */
.text {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(42, 53, 65, 0.7);
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 255, app/assets/stylesheets/devise.css.scss */
  .text {
    font-size: 21px;
    line-height: 24px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 255, app/assets/stylesheets/devise.css.scss */
  .text {
    font-size: 32px;
    line-height: 36px;
  }
}

/* line 273, app/assets/stylesheets/devise.css.scss */
.extra-padding {
  padding-top: 16px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 273, app/assets/stylesheets/devise.css.scss */
  .extra-padding {
    padding-top: 21px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 273, app/assets/stylesheets/devise.css.scss */
  .extra-padding {
    padding-top: 32px;
  }
}

/* line 285, app/assets/stylesheets/devise.css.scss */
.form-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 285, app/assets/stylesheets/devise.css.scss */
  .form-header {
    gap: 16px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 285, app/assets/stylesheets/devise.css.scss */
  .form-header {
    gap: 24px;
  }
}

/* line 299, app/assets/stylesheets/devise.css.scss */
.form-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 299, app/assets/stylesheets/devise.css.scss */
  .form-body {
    gap: 21px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 299, app/assets/stylesheets/devise.css.scss */
  .form-body {
    gap: 32px;
  }
}

/* line 313, app/assets/stylesheets/devise.css.scss */
.form-body .form-control {
  --height: 48px;
  --line-height: 16px;
  --border-width: 1px;
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--line-height);
  color: #1d1d1b;
  display: block;
  width: 100%;
  border: var(--border-width) solid rgba(29, 54, 83, 0.17);
  border-radius: 8px;
  padding-block: calc((var(--height) - var(--line-height)) / 2 - var(--border-width));
  padding-inline: 12px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 313, app/assets/stylesheets/devise.css.scss */
  .form-body .form-control {
    --height: 64px;
    --line-height: 21px;
    --border-width: 1.5px;
    font-size: 18px;
    border-radius: 10px;
    padding-inline: 16px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 313, app/assets/stylesheets/devise.css.scss */
  .form-body .form-control {
    --height: 96px;
    --line-height: 32px;
    --border-width: 2px;
    font-size: 28px;
    border-radius: 16px;
    padding-inline: 24px;
  }
}

/* line 348, app/assets/stylesheets/devise.css.scss */
.form-body .spacer {
  padding-block: 16px;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 10px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 348, app/assets/stylesheets/devise.css.scss */
  .form-body .spacer {
    padding-block: 21px;
    gap: 14px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 348, app/assets/stylesheets/devise.css.scss */
  .form-body .spacer {
    padding-block: 32px;
    gap: 20px;
  }
}

/* line 366, app/assets/stylesheets/devise.css.scss */
.form-body .spacer .line {
  flex-grow: 1;
  border-bottom: 1px solid rgba(29, 54, 83, 0.17);
}

@media screen and (min-width: 1921px) {
  /* line 366, app/assets/stylesheets/devise.css.scss */
  .form-body .spacer .line {
    border-width: 2px;
  }
}

/* line 377, app/assets/stylesheets/devise.css.scss */
.form-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 377, app/assets/stylesheets/devise.css.scss */
  .form-footer {
    gap: 42px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 377, app/assets/stylesheets/devise.css.scss */
  .form-footer {
    gap: 64px;
  }
}

/* line 392, app/assets/stylesheets/devise.css.scss */
.button {
  --border-width: 0px;
  --height: 48px;
  --line-height: 20px;
  width: 100%;
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: var(--line-height);
  text-decoration: none;
  padding-block: calc((var(--height) - var(--line-height)) / 2 - var(--border-width));
  padding-inline: 24px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 392, app/assets/stylesheets/devise.css.scss */
  .button {
    --height: 64px;
    --line-height: 24px;
    font-size: 21px;
    padding-inline: 32px;
    border-radius: 10px;
    gap: 8px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 392, app/assets/stylesheets/devise.css.scss */
  .button {
    --height: 96px;
    --line-height: 40px;
    font-size: 32px;
    padding-inline: 48px;
    border-radius: 16px;
    gap: 12px;
  }
}

/* line 431, app/assets/stylesheets/devise.css.scss */
.button .icon {
  --icon-size: 24px;
  height: var(--icon-size);
  width: var(--icon-size);
  margin-block: calc((var(--line-height) - var(--icon-size)) / 2);
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 431, app/assets/stylesheets/devise.css.scss */
  .button .icon {
    --icon-size: 32px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 431, app/assets/stylesheets/devise.css.scss */
  .button .icon {
    --icon-size: 48px;
  }
}

/* line 447, app/assets/stylesheets/devise.css.scss */
.button-primary {
  border: none;
  background: #00a88e;
  color: white;
}

/* line 453, app/assets/stylesheets/devise.css.scss */
.button-primary:hover {
  background: #29ccb1;
  color: white;
}

/* line 458, app/assets/stylesheets/devise.css.scss */
.button-outline {
  --border-width: 2px;
  border: var(--border-width) solid #00a88e;
  background: white;
  color: #00a88e;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 458, app/assets/stylesheets/devise.css.scss */
  .button-outline {
    --border-width: 3px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 458, app/assets/stylesheets/devise.css.scss */
  .button-outline {
    --border-width: 4px;
  }
}

/* line 473, app/assets/stylesheets/devise.css.scss */
.button-outline:hover {
  border-color: #29ccb1;
  color: #29ccb1;
}

/* line 478, app/assets/stylesheets/devise.css.scss */
.message {
  font-family: 'Kaspersky Sans Display', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(42, 53, 65, 0.7);
  border-radius: 8px;
  border: 2px solid rgba(29, 54, 83, 0.17);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 478, app/assets/stylesheets/devise.css.scss */
  .message {
    font-size: 18px;
    line-height: 21px;
    padding: 21px;
    border-width: 3px;
    gap: 21px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 478, app/assets/stylesheets/devise.css.scss */
  .message {
    font-size: 28px;
    line-height: 32px;
    padding: 32px;
    border-width: 4px;
    gap: 32px;
  }
}

/* line 508, app/assets/stylesheets/devise.css.scss */
.message-error {
  border-color: #ff9dad;
  background: #ffeff1;
}

/* line 513, app/assets/stylesheets/devise.css.scss */
.message-notice {
  border-color: #3de8ca;
  background: #effffc;
}

/* line 518, app/assets/stylesheets/devise.css.scss */
.message-error:before,
.message-notice:before {
  content: '';
  flex-shrink: 0;
  height: 32px;
  width: 32px;
  background-size: 100% 100%;
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 518, app/assets/stylesheets/devise.css.scss */
  .message-error:before,
.message-notice:before {
    height: 42px;
    width: 42px;
  }
}

@media screen and (min-width: 2561px) {
  /* line 518, app/assets/stylesheets/devise.css.scss */
  .message-error:before,
.message-notice:before {
    height: 64px;
    width: 64px;
  }
}

/* line 537, app/assets/stylesheets/devise.css.scss */
.message-error:before {
  background-image: url(/assets/auth/error-6a07103093624c4a43c856149a67604239559558591531bce07a6a6f059159fa.svg);
}

/* line 541, app/assets/stylesheets/devise.css.scss */
.message-notice:before {
  background-image: url(/assets/auth/success-827926f803370bae453f2e17176031c5bfa7cb771808cc99032cd5778996aea8.svg);
}