/* =========================================================
   AUTH
   ========================================================= */

body.ld.ld-auth{
  --auth-bg:
    radial-gradient(circle at 20% 15%, rgba(74,163,255,.10), transparent 45%),
    radial-gradient(circle at 80% 85%, rgba(168,85,247,.10), transparent 45%),
    #f5f7fb;

  --auth-card: #ffffff;
  --auth-border: rgba(15,23,42,.08);
  --auth-shadow: 0 24px 70px rgba(15,23,42,.08);

  --auth-text: rgba(15,23,42,.92);
  --auth-muted: rgba(15,23,42,.58);

  --auth-tabs-bg: rgba(15,23,42,.04);
  --auth-tab: rgba(15,23,42,.55);
  --auth-tab-active-bg: #ffffff;
  --auth-tab-active: rgba(15,23,42,.92);

  --auth-field-bg: rgba(15,23,42,.04);
  --auth-field-border: rgba(15,23,42,.12);
  --auth-field-text: rgba(15,23,42,.92);
  --auth-field-ph: rgba(15,23,42,.42);

  --auth-focus: rgba(74,163,255,.65);
  --auth-focus-ring: rgba(74,163,255,.16);

  --auth-captcha-bg: rgba(15,23,42,.03);

  --auth-note-bg: rgba(255,193,7,.18);
  --auth-note-border: rgba(255,193,7,.35);

  --auth-blue: #4aa3ff;
  --auth-blue-hover: #3697ff;

  --auth-check-bg: rgba(15,23,42,.03);
  --auth-check-border: rgba(15,23,42,.18);
  --auth-check-tick: #0f172a;
  --auth-check-ring: rgba(74,163,255,.22);
  --auth-consent-text: rgba(15,23,42,.86);
  --auth-consent-muted: rgba(15,23,42,.62);
  --auth-consent-link: rgba(74,163,255,.95);
}

html[data-theme="dark"] body.ld.ld-auth,
body.ld.ld-auth[data-theme="dark"]{
  --auth-bg:
    radial-gradient(circle at 20% 15%, rgba(74,163,255,.12), transparent 45%),
    radial-gradient(circle at 80% 85%, rgba(168,85,247,.12), transparent 45%),
    #0b1220;

  --auth-card: rgba(15,23,42,.92);
  --auth-border: rgba(255,255,255,.10);
  --auth-shadow: 0 40px 100px rgba(0,0,0,.60);

  --auth-text: rgba(255,255,255,.95);
  --auth-muted: rgba(255,255,255,.62);

  --auth-tabs-bg: rgba(255,255,255,.08);
  --auth-tab: rgba(255,255,255,.60);
  --auth-tab-active-bg: rgba(255,255,255,.12);
  --auth-tab-active: rgba(255,255,255,.92);

  --auth-field-bg: rgba(255,255,255,.06);
  --auth-field-border: rgba(255,255,255,.14);
  --auth-field-text: rgba(255,255,255,.92);
  --auth-field-ph: rgba(255,255,255,.45);

  --auth-captcha-bg: rgba(255,255,255,.06);

  --auth-note-bg: rgba(245,158,11,.12);
  --auth-note-border: rgba(245,158,11,.22);

  --auth-check-bg: rgba(255,255,255,.06);
  --auth-check-border: rgba(255,255,255,.16);
  --auth-check-tick: #ffffff;
  --auth-check-ring: rgba(74,163,255,.18);
  --auth-consent-text: rgba(255,255,255,.88);
  --auth-consent-muted: rgba(255,255,255,.62);
  --auth-consent-link: rgba(74,163,255,.95);
}

body.ld.ld-auth{
  background: var(--auth-bg) !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}
body.ld.ld-auth .features__style-2.ld-entry-section{
  background: var(--auth-bg) !important;
  background-attachment: fixed !important;
}

body.ld.ld-auth .appInfo-container.ld-entry-card{
  background: var(--auth-card) !important;
  border: 1px solid var(--auth-border) !important;
  box-shadow: var(--auth-shadow) !important;
  padding: 42px 21px;
  border-radius: 30px;
}

body.ld.ld-auth .ld-entry-title,
body.ld.ld-auth .ld-entry-h2,
body.ld.ld-auth .appInfo-data h2{
  color: var(--auth-text) !important;
}
body.ld.ld-auth .ld-entry-subtitle,
body.ld.ld-auth .ld-entry-muted,
body.ld.ld-auth .appInfo-data p{
  color: var(--auth-muted) !important;
}

body.ld.ld-auth .features__style-2 .tab-content .appInfo-data p{
  color: var(--auth-muted) !important;
  margin-bottom: 19px !important;
  font-size: 16px !important;
}
html[data-theme="dark"] body.ld.ld-auth .features__style-2 .tab-content .appInfo-data p,
body.ld.ld-auth[data-theme="dark"] .features__style-2 .tab-content .appInfo-data p{
  color: rgba(255,255,255,.62) !important;
}

body.ld.ld-auth .ld-field__label{
  font-size: 14px !important;
  padding-bottom: 4px !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs{
  background: var(--auth-tabs-bg) !important;
  border: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 8px !important;

  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs li{
  border: 0 !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs > li{
  float: none !important;
  margin: 0 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs li a{
  border: 0 !important;
  background: transparent !important;
  color: var(--auth-tab) !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs li.active a{
  background: var(--auth-tab-active-bg) !important;
  color: var(--auth-tab-active) !important;
}

body.ld.ld-auth .features__style-2 .feat-tabs li.active{
  border-bottom: 0 !important;
  border-color: transparent !important;
}

body.ld.ld-auth .features__style-2 .feat-tabs li a{
  display: block !important;
  text-align: center !important;
  margin-right: 0 !important;
  border: 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  -webkit-transition: all .25s ease-in-out 0 !important;
  -moz-transition: all .25s ease-in-out 0 !important;
  -o-transition: all .25s ease-in-out 0 !important;
  transition: all .25s ease-in-out 0 !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs > li > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  white-space: nowrap !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;

  margin: 0 !important;
  line-height: 1.1 !important;
}

body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs > li > a > i{
  margin: 0 !important;
}

html[data-theme="dark"] body.ld.ld-auth .features__style-2 .feat-tabs li a,
body.ld.ld-auth[data-theme="dark"] .features__style-2 .feat-tabs li a{
  color: rgba(255,255,255,.75) !important;
}

@media (max-width: 767px){
  body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs{
    max-width: 100% !important;
    padding: 6px !important;
    gap: 8px !important;
    margin-bottom: 0px !important;
  }
  body.ld.ld-auth .nav-tabs.feat-tabs.ld-entry-tabs > li > a{
    padding: 12px 10px !important;
    font-size: 13px !important;
    letter-spacing: .01em !important;
  }
}

body.ld.ld-auth .features__style-2 .tab-content{
  padding-top: 34px !important;
}

body.ld.ld-auth .loginput,
body.ld.ld-auth .ld-field__input,
body.ld.ld-auth .form-control{
  background: var(--auth-field-bg) !important;
  border: 1px solid var(--auth-field-border) !important;
  color: var(--auth-field-text) !important;
  box-shadow: none !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  padding: 10px 10px !important;
  line-height: 1.2 !important;
}
body.ld.ld-auth .loginput::placeholder,
body.ld.ld-auth .ld-field__input::placeholder,
body.ld.ld-auth .form-control::placeholder{
  color: var(--auth-field-ph) !important;
}
body.ld.ld-auth .loginput:focus,
body.ld.ld-auth .ld-field__input:focus,
body.ld.ld-auth .form-control:focus{
  outline: none !important;
  border-color: var(--auth-focus) !important;
  box-shadow: 0 0 0 4px var(--auth-focus-ring) !important;
}

body.ld.ld-auth .ld-captcha__meta,
body.ld.ld-auth .ld-captcha__label{
  color: var(--auth-muted) !important;
  font-size: 12px !important;
}
body.ld.ld-auth .ld-req{
  color: rgba(239,68,68,.95) !important;
}

body.ld.ld-auth .appsLand-btn-gradient.ld-entry-btn,
body.ld.ld-auth .ld-entry-btn{
  background: var(--auth-blue) !important;
  border: 0 !important;
  color: #fff !important;
  padding: 8px 31px;
  font-size: 14px;
}
body.ld.ld-auth .appsLand-btn-gradient.ld-entry-btn:hover,
body.ld.ld-auth .ld-entry-btn:hover{
  background: var(--auth-blue-hover) !important;
}

body.ld.ld-auth .ld-entry-forgot a,
body.ld.ld-auth .ld-entry-code a,
body.ld.ld-auth .ld-entry-note a{
  color: rgba(74,163,255,.95) !important;
}

body.ld.ld-auth .alert.alert-warning.ld-entry-note{
  background: var(--auth-note-bg) !important;
  border-color: var(--auth-note-border) !important;
  font-size: 10px;
  color: var(--auth-text) !important;
}

body.ld.ld-auth .ld-entry-alert{
  border-color: var(--auth-border) !important;
}

body.ld.ld-auth .ld-divider{
  color: var(--auth-muted) !important;
}

@media (max-width: 767px){
  body.ld.ld-auth .entry-main > div,
  body.ld.ld-auth .entry-main > section{
    padding: 105px 0px !important;
  }
}

body.ld.ld-auth .ld-entry-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: space-between;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.ld.ld-auth .ld-entry-actions > [class*="col-"]{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.ld.ld-auth .ld-entry-actions > .col-sm-6:first-child{
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.ld.ld-auth .ld-entry-actions .ld-entry-forgot{
  flex: 1 1 auto;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  text-align: right !important;
}
body.ld.ld-auth .ld-entry-actions .ld-entry-forgot a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none !important;
  color: rgba(74,163,255,.95) !important;
  background: transparent;
  transition: transform .16s ease, background .16s ease, color .16s ease;
  font-size: 14px;
}
body.ld.ld-auth .ld-entry-actions .ld-entry-forgot a:hover{
  background: rgba(74,163,255,.10);
  color: rgba(74,163,255,1) !important;
  transform: translateY(-1px);
}
body.ld.ld-auth .ld-entry-actions .ld-entry-forgot a:active{
  transform: translateY(0);
}

body.ld.ld-auth .ld-entry-actions .ld-entry-oauth{
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-top: 6px;
}

body.ld.ld-auth .ld-entry-actions .ld-divider{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 10px 0 10px;
}
body.ld.ld-auth .ld-entry-actions .ld-divider::before,
body.ld.ld-auth .ld-entry-actions .ld-divider::after{
  content: "";
  height: 1px;
  flex: 1 1 auto;
  border-radius: 999px;
  background: rgba(15,23,42,.14);
}
body.ld.ld-auth .ld-entry-actions .ld-divider span{
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(15,23,42,.62);
  padding: 0 2px;
}
html[data-theme="dark"] body.ld.ld-auth .ld-entry-actions .ld-divider::before,
html[data-theme="dark"] body.ld.ld-auth .ld-entry-actions .ld-divider::after,
body.ld.ld-auth[data-theme="dark"] .ld-entry-actions .ld-divider::before,
body.ld.ld-auth[data-theme="dark"] .ld-entry-actions .ld-divider::after{
  background: rgba(255,255,255,.14);
}
html[data-theme="dark"] body.ld.ld-auth .ld-entry-actions .ld-divider span,
body.ld.ld-auth[data-theme="dark"] .ld-entry-actions .ld-divider span{
  color: rgba(255,255,255,.62);
}

body.ld.ld-auth .ld-entry-actions .ld-oauth{
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-bottom: 13px;
}
body.ld.ld-auth .ld-entry-actions .ld-oauth__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  min-width: 50px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid transparent;
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
  line-height: 1;
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
body.ld.ld-auth .ld-entry-actions .ld-oauth__vk{
  background: #4aa3ff;
  border-color: rgba(0,119,255,.35);
}
body.ld.ld-auth .ld-entry-actions .ld-oauth__ya{
  background: #ff234f;
  border-color: rgba(255,0,51,.35);
}
body.ld.ld-auth .ld-entry-actions .ld-oauth__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 18px 38px rgba(0,0,0,.16);
}
body.ld.ld-auth .ld-entry-actions .ld-oauth__btn:active{
  transform: translateY(0);
  box-shadow: 0 12px 26px rgba(0,0,0,.12);
}

@media (max-width: 767px){
  body.ld.ld-auth .ld-entry-actions{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  body.ld.ld-auth .ld-entry-actions > .col-sm-6:first-child{
    width: 100% !important;
  }
  body.ld.ld-auth .ld-entry-actions .ld-entry-btn{
    width: 100%;
  }
  body.ld.ld-auth .ld-entry-actions .ld-entry-forgot{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  body.ld.ld-auth .ld-entry-actions .ld-oauth{
    width: 100%;
  }
  body.ld.ld-auth .ld-entry-actions .ld-oauth__btn{
    flex: 1 1 0;
    min-width: 0;
  }
}

body.ld.ld-auth .ld-consents{
  margin-top: 14px !important;
}

body.ld.ld-auth .ld-consents .ld-check{
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  cursor: pointer !important;
  user-select: none !important;

  padding: 12px 12px !important;
  border-radius: 16px !important;
  background: transparent !important;
}

body.ld.ld-auth .ld-consents .ld-check span{
  color: var(--auth-consent-text) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.ld.ld-auth .ld-consents .ld-check a{
  color: var(--auth-consent-link) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
body.ld.ld-auth .ld-consents .ld-check a:hover{
  text-decoration: underline !important;
}

body.ld.ld-auth .ld-consents .ld-check input[type="checkbox"]{
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 2px 0 0 0 !important;

  width: 20px !important;
  height: 20px !important;

  border-radius: 6px !important;
  border: 1px solid var(--auth-check-border) !important;
  background: var(--auth-check-bg) !important;

  display: inline-grid !important;
  place-content: center !important;

  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
  flex: 0 0 20px !important;
}

body.ld.ld-auth .ld-consents .ld-check input[type="checkbox"]::before{
  content: "" !important;
  width: 10px !important;
  height: 6px !important;
  border-left: 2px solid var(--auth-check-tick) !important;
  border-bottom: 2px solid var(--auth-check-tick) !important;
  transform: rotate(-45deg) scale(0) !important;
  transform-origin: center !important;
  transition: transform .12s ease !important;
  margin-top: -1px !important;
}

body.ld.ld-auth .ld-consents .ld-check input[type="checkbox"]:checked{
  background: rgba(74,163,255,.18) !important;
  border-color: rgba(74,163,255,.55) !important;
}
body.ld.ld-auth .ld-consents .ld-check input[type="checkbox"]:checked::before{
  transform: rotate(-45deg) scale(1) !important;
}

body.ld.ld-auth .ld-consents .ld-check input[type="checkbox"]:focus{
  outline: none !important;
  box-shadow: 0 0 0 4px var(--auth-check-ring) !important;
}

body.ld.ld-auth .ld-consents .ld-check:hover input[type="checkbox"]{
  border-color: rgba(74,163,255,.45) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] body.ld.ld-auth .ld-consents .ld-check:hover,
body.ld.ld-auth[data-theme="dark"] .ld-consents .ld-check:hover{
  background: rgba(255,255,255,.03) !important;
}

@media (max-width: 767px){
  body.ld.ld-auth .appInfo-container.ld-entry-card{
    box-shadow: 0 20px 60px rgba(15,23,42,.10) !important;
  }
  html[data-theme="dark"] body.ld.ld-auth .appInfo-container.ld-entry-card,
  body.ld.ld-auth[data-theme="dark"] .appInfo-container.ld-entry-card{
    box-shadow: 0 36px 90px rgba(0,0,0,.62) !important;
  }
}

body.ld.ld-auth label{
  font-weight: inherit !important;
  margin-bottom: 0 !important;
}

body.ld.ld-auth .ld-captcha__label,
body.ld.ld-auth label.form-tip.ld-field__label{
  display: block !important;
  width: 100% !important;

  font-weight: 400 !important;  
  margin: 6px 0 10px !important; 
  padding-bottom: 0 !important;

  line-height: 1.25 !important;
}

body.ld.ld-auth .ld-captcha__label strong,
body.ld.ld-auth label.form-tip.ld-field__label strong{
  color: var(--auth-text) !important;
  font-weight: 800 !important;
}

body.ld.ld-auth .ld-captcha__label .ld-req,
body.ld.ld-auth label.form-tip.ld-field__label .ld-req{
  margin-left: 4px !important;
}
body.ld.ld-auth{
  --auth-note-bg: rgba(15,23,42,.03);
  --auth-note-brd: rgba(15,23,42,.10);
  --auth-note-badge-bg: rgba(74,163,255,.10);
  --auth-note-badge-brd: rgba(74,163,255,.22);
  --auth-note-badge-tx: rgba(15,23,42,.86);
  --auth-note-text: rgba(15,23,42,.70);
  --auth-note-strong: rgba(15,23,42,.92);
  --auth-note-link: rgba(74,163,255,.98);
}

html[data-theme="dark"] body.ld.ld-auth,
body.ld.ld-auth[data-theme="dark"]{
  --auth-note-bg: rgba(255,255,255,.06);
  --auth-note-brd: rgba(255,255,255,.12);
  --auth-note-badge-bg: rgba(74,163,255,.14);
  --auth-note-badge-brd: rgba(74,163,255,.26);
  --auth-note-badge-tx: rgba(255,255,255,.86);
  --auth-note-text: rgba(255,255,255,.68);
  --auth-note-strong: rgba(255,255,255,.92);
  --auth-note-link: rgba(74,163,255,.98);
}

body.ld.ld-auth .ld-auth-note{
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 14px 16px !important;

  background: var(--auth-note-bg) !important;
  border: 1px solid var(--auth-note-brd) !important;
  border-radius: 18px !important;

  box-shadow: none !important;
}

body.ld.ld-auth .ld-auth-note__head{
  display: flex !important;
  align-items: center !important;
  margin: 0 0 8px !important;
}

body.ld.ld-auth .ld-auth-note__badge{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 10px !important;
  border-radius: 999px !important;

  background: var(--auth-note-badge-bg) !important;
  border: 1px solid var(--auth-note-badge-brd) !important;

  font-weight: 900 !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: var(--auth-note-badge-tx) !important;
}

body.ld.ld-auth .ld-auth-note__badge i{
  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--auth-blue) !important;
}

body.ld.ld-auth .ld-auth-note__text{
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--auth-note-text) !important;
  margin: 0 !important;
}

body.ld.ld-auth .ld-auth-note__text strong{
  color: var(--auth-note-strong) !important;
  font-weight: 800 !important;
}

body.ld.ld-auth .ld-auth-note__link{
  color: var(--auth-note-link) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(74,163,255,.55) !important;
}

body.ld.ld-auth .ld-auth-note__link:hover{
  border-bottom-color: rgba(74,163,255,.95) !important;
}

@media (max-width: 767px){
  body.ld.ld-auth .ld-auth-note{
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }
}
