@charset "UTF-8";
/* line 1, ../sass/authorization.scss */
body, html {
  background-color: #f1f1f1;
  color: #000;
  padding: 0 !important;
  font-family: var(--font-text);
  font-weight: 400;
}

/* line 9, ../sass/authorization.scss */
.auth {
  display: flex;
  min-height: 100vh;
  color: #000;
  font-weight: 500;
}
/* line 15, ../sass/authorization.scss */
.auth .swiper-wrapper {
  height: initial !important;
  display: flex;
  align-items: center;
}
/* line 21, ../sass/authorization.scss */
.auth-left {
  width: 30%;
  min-width: 415px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
/* line 31, ../sass/authorization.scss */
.auth-form {
  width: 100%;
  max-width: 340px;
}
/* line 36, ../sass/authorization.scss */
.auth-logo {
  display: block;
  margin-bottom: 100px;
}
/* line 40, ../sass/authorization.scss */
.auth-logo img {
  width: 180px;
  display: block;
}
/* line 46, ../sass/authorization.scss */
.auth-right {
  position: relative;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
/* line 56, ../sass/authorization.scss */
.auth-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
/* line 62, ../sass/authorization.scss */
.auth-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 69, ../sass/authorization.scss */
.auth-bg:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #5188F0, #A351F0);
  opacity: 0.85;
}
/* line 78, ../sass/authorization.scss */
.auth-slider {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
/* line 87, ../sass/authorization.scss */
.auth h1 {
  margin-bottom: 5px;
  font-size: 34px;
  font-weight: 500;
}
/* line 93, ../sass/authorization.scss */
.auth p {
  margin-bottom: 30px;
  font-size: 14px;
  color: #666;
}
/* line 98, ../sass/authorization.scss */
.auth p a {
  color: #A351F0;
  text-decoration: none;
}

/* FORM */
/* line 106, ../sass/authorization.scss */
.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
/* line 112, ../sass/authorization.scss */
.form-group label {
  font-size: 13px;
  margin-bottom: 6px;
  color: #555;
}
/* line 118, ../sass/authorization.scss */
.form-group input {
  height: 45px;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
  background: #fff;
}
/* line 127, ../sass/authorization.scss */
.form-group input:focus {
  border-color: #A351F0;
}

/* ROW */
/* line 134, ../sass/authorization.scss */
.auth-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 20px;
}
/* line 140, ../sass/authorization.scss */
.auth-row a {
  color: #A351F0;
  text-decoration: none;
}

/* BUTTONS */
/* line 147, ../sass/authorization.scss */
.btn {
  width: 100%;
  height: 45px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  gap: 20px;
  align-items: center;
}
/* line 159, ../sass/authorization.scss */
.btn svg {
  width: 20px;
  height: 20px;
}
/* line 164, ../sass/authorization.scss */
.btn-dark {
  background: linear-gradient(135deg, #5188F0, #A351F0);
  color: #fff;
}
/* line 169, ../sass/authorization.scss */
.btn-light {
  background: #f3f3f3;
  background: transparent;
  border: 1px solid #e5e5e5;
}

/* line 176, ../sass/authorization.scss */
.site-btn-new {
  width: 100% !important;
  margin-bottom: 15px;
}
/* line 180, ../sass/authorization.scss */
.site-btn-new:last-child {
  margin-bottom: 0 !important;
}

/* line 185, ../sass/authorization.scss */
.auth-slider {
  width: 100%;
  max-width: 70%;
}

/* СЛАЙД */
/* line 191, ../sass/authorization.scss */
.swiper-slide {
  display: flex !important;
  justify-content: center;
}

/* КАРТОЧКА */
/* line 197, ../sass/authorization.scss */
.slide-card {
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

/* КАРТИНКА */
/* line 211, ../sass/authorization.scss */
.slide-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ТЕКСТ */
/* line 220, ../sass/authorization.scss */
.slide-content {
  padding: 20px;
  text-align: center;
}
/* line 224, ../sass/authorization.scss */
.slide-content h3 {
  margin-bottom: 8px;
  font-size: 32px;
}
/* line 229, ../sass/authorization.scss */
.slide-content p {
  font-size: 16px;
  color: #fff;
  margin: 0;
}

/* line 236, ../sass/authorization.scss */
.slide-bottom-arrows {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}

/* СТРЕЛКИ */
/* line 246, ../sass/authorization.scss */
.swiper-button-prev,
.swiper-button-next {
  color: #fff;
  width: 40px;
  height: 40px;
  right: initial !important;
  left: initial !important;
  top: initial !important;
  bottom: initial !important;
  margin: 0 !important;
  position: relative !important;
}
/* line 258, ../sass/authorization.scss */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 15px !important;
  color: #fff !important;
}

/* DOTS */
/* line 266, ../sass/authorization.scss */
.swiper-pagination {
  position: relative !important;
  bottom: initial !important;
  left: initial !important;
  width: max-content !important;
  margin: 0 !important;
}
/* line 273, ../sass/authorization.scss */
.swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.4;
}
/* line 278, ../sass/authorization.scss */
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/* ================== TABLET ================== */
@media (max-width: 1024px) {
  /* line 286, ../sass/authorization.scss */
  .auth-left {
    width: 40%;
    padding: 30px;
  }
  /* line 291, ../sass/authorization.scss */
  .auth-logo {
    margin-bottom: 60px;
  }
  /* line 294, ../sass/authorization.scss */
  .auth-logo img {
    width: 140px;
  }
}
/* ================== MOBILE ================== */
@media (max-width: 768px) {
  /* line 303, ../sass/authorization.scss */
  .auth {
    flex-direction: column;
    /* ВАЖНО: правый блок сверху */
  }
  /* line 307, ../sass/authorization.scss */
  .auth-right {
    order: 2;
    min-height: 240px;
    padding: 40px;
  }
  /* line 313, ../sass/authorization.scss */
  .auth-left {
    width: 100%;
    min-width: 100%;
    padding: 20px;
    order: -1;
  }
  /* line 320, ../sass/authorization.scss */
  .auth-form {
    max-width: 100%;
  }
  /* line 324, ../sass/authorization.scss */
  .auth-logo {
    margin-bottom: 30px;
    text-align: center;
  }
  /* line 328, ../sass/authorization.scss */
  .auth-logo img {
    margin: 0 auto;
    width: 120px;
  }
  /* line 334, ../sass/authorization.scss */
  .auth h1 {
    font-size: 24px;
  }
  /* line 338, ../sass/authorization.scss */
  .auth p {
    font-size: 13px;
    margin-bottom: 20px;
  }

  /* line 344, ../sass/authorization.scss */
  .auth-slider {
    max-width: 100%;
    padding: 20px 10px;
  }

  /* line 350, ../sass/authorization.scss */
  .slide-content h3 {
    font-size: 22px;
  }
  /* line 354, ../sass/authorization.scss */
  .slide-content p {
    font-size: 14px;
  }

  /* line 359, ../sass/authorization.scss */
  .slide-bottom-arrows {
    gap: 30px;
  }
}
/* ================== SMALL MOBILE ================== */
@media (max-width: 400px) {
  /* line 366, ../sass/authorization.scss */
  .form-group input {
    height: 42px;
  }

  /* line 370, ../sass/authorization.scss */
  .btn {
    height: 42px;
    font-size: 13px;
  }

  /* line 375, ../sass/authorization.scss */
  .auth-row {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}