/* Imported from: ../Brand/styles.css */
.cc_ikas_login .ma-brand, .cc_ikas_forgot_password .ma-brand, .cc_ikas_recover_password .ma-brand, .cc_ikas_register .ma-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--ma-text);
}

.cc_ikas_login .ma-brand__img, .cc_ikas_forgot_password .ma-brand__img, .cc_ikas_recover_password .ma-brand__img, .cc_ikas_register .ma-brand__img {
  display: block;
  max-height: 32px;
  width: auto;
}

/* End import: ../Brand/styles.css */

.cc_ikas_login .ma-auth, .cc_ikas_forgot_password .ma-auth, .cc_ikas_recover_password .ma-auth, .cc_ikas_register .ma-auth {
  width: 100%;
  /* Fill the viewport so the layout never leaves empty space below on tall
     screens — bar stays fixed height, the content area flex-grows to fill. */
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

/* ---------- top bar ---------- */

.cc_ikas_login .ma-auth__bar, .cc_ikas_forgot_password .ma-auth__bar, .cc_ikas_recover_password .ma-auth__bar, .cc_ikas_register .ma-auth__bar {
  height: 72px;
  flex-shrink: 0;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ma-border);
  box-sizing: border-box;
}

.cc_ikas_login .ma-auth__brand, .cc_ikas_forgot_password .ma-auth__brand, .cc_ikas_recover_password .ma-auth__brand, .cc_ikas_register .ma-auth__brand {
  user-select: none;
}

.cc_ikas_login .ma-auth__back, .cc_ikas_forgot_password .ma-auth__back, .cc_ikas_recover_password .ma-auth__back, .cc_ikas_register .ma-auth__back {
  display: flex;
  align-items: baseline;
  gap: 4px;
  text-decoration: none;
  color: var(--ma-text);
}

.cc_ikas_login .ma-auth__back:hover, .cc_ikas_forgot_password .ma-auth__back:hover, .cc_ikas_recover_password .ma-auth__back:hover, .cc_ikas_register .ma-auth__back:hover {
  text-decoration: underline;
}

.cc_ikas_login .ma-auth__back-short, .cc_ikas_forgot_password .ma-auth__back-short, .cc_ikas_recover_password .ma-auth__back-short, .cc_ikas_register .ma-auth__back-short {
  display: none;
}

/* ---------- center variant ---------- */

.cc_ikas_login .ma-auth__center, .cc_ikas_forgot_password .ma-auth__center, .cc_ikas_recover_password .ma-auth__center, .cc_ikas_register .ma-auth__center {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  overflow-y: auto;
  box-sizing: border-box;
}

.cc_ikas_login .ma-auth__card--center, .cc_ikas_forgot_password .ma-auth__card--center, .cc_ikas_recover_password .ma-auth__card--center, .cc_ikas_register .ma-auth__card--center {
  width: 400px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--ma-sp-40);
}

/* ---------- split variant (left | right) ---------- */

.cc_ikas_login .ma-auth__split, .cc_ikas_forgot_password .ma-auth__split, .cc_ikas_recover_password .ma-auth__split, .cc_ikas_register .ma-auth__split {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 42% 58%;
}

.cc_ikas_login .ma-auth__split--left, .cc_ikas_forgot_password .ma-auth__split--left, .cc_ikas_recover_password .ma-auth__split--left, .cc_ikas_register .ma-auth__split--left {
  grid-template-columns: 58% 42%;
}

.cc_ikas_login .ma-auth__split--left .ma-auth__visual, .cc_ikas_forgot_password .ma-auth__split--left .ma-auth__visual, .cc_ikas_recover_password .ma-auth__split--left .ma-auth__visual, .cc_ikas_register .ma-auth__split--left .ma-auth__visual {
  order: 2;
}

.cc_ikas_login .ma-auth__visual, .cc_ikas_forgot_password .ma-auth__visual, .cc_ikas_recover_password .ma-auth__visual, .cc_ikas_register .ma-auth__visual {
  position: relative;
  overflow: hidden;
  background-color: var(--ma-surface-sunken);
}

.cc_ikas_login .ma-auth__visual-img, .cc_ikas_forgot_password .ma-auth__visual-img, .cc_ikas_recover_password .ma-auth__visual-img, .cc_ikas_register .ma-auth__visual-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cc_ikas_login .ma-auth__visual--placeholder, .cc_ikas_forgot_password .ma-auth__visual--placeholder, .cc_ikas_recover_password .ma-auth__visual--placeholder, .cc_ikas_register .ma-auth__visual--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
    45deg,
    var(--ma-checker-a),
    var(--ma-checker-a) 16px,
    var(--ma-page-bg) 16px,
    var(--ma-page-bg) 32px
  );
}

.cc_ikas_login .ma-auth__visual-label, .cc_ikas_forgot_password .ma-auth__visual-label, .cc_ikas_recover_password .ma-auth__visual-label, .cc_ikas_register .ma-auth__visual-label {
  color: var(--ma-text-muted);
  background: var(--ma-surface);
  padding: 8px 16px;
  border: 1px dashed var(--ma-border-dashed);
  border-radius: var(--ma-radius-sm);
}

.cc_ikas_login .ma-auth__overlay, .cc_ikas_forgot_password .ma-auth__overlay, .cc_ikas_recover_password .ma-auth__overlay, .cc_ikas_register .ma-auth__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--ma-sp-32);
  background: linear-gradient(0deg, rgba(9, 9, 21, 0.55), transparent 60%);
  color: #fff;
}

.cc_ikas_login .ma-auth__overlay-title, .cc_ikas_forgot_password .ma-auth__overlay-title, .cc_ikas_recover_password .ma-auth__overlay-title, .cc_ikas_register .ma-auth__overlay-title {
  margin: 0 0 4px;
}

.cc_ikas_login .ma-auth__overlay-text, .cc_ikas_forgot_password .ma-auth__overlay-text, .cc_ikas_recover_password .ma-auth__overlay-text, .cc_ikas_register .ma-auth__overlay-text {
  margin: 0;
  opacity: 0.9;
}

.cc_ikas_login .ma-auth__form-col, .cc_ikas_forgot_password .ma-auth__form-col, .cc_ikas_recover_password .ma-auth__form-col, .cc_ikas_register .ma-auth__form-col {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  overflow-y: auto;
  box-sizing: border-box;
}

.cc_ikas_login .ma-auth__card--split, .cc_ikas_forgot_password .ma-auth__card--split, .cc_ikas_recover_password .ma-auth__card--split, .cc_ikas_register .ma-auth__card--split {
  width: 440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/* ---------- mobile: bar shrinks, split stacks ---------- */

@media (max-width: 767px) {
  .cc_ikas_login .ma-auth__bar, .cc_ikas_forgot_password .ma-auth__bar, .cc_ikas_recover_password .ma-auth__bar, .cc_ikas_register .ma-auth__bar {
    height: 60px;
    padding: 0 20px;
  }

  .cc_ikas_login .ma-auth__back-full, .cc_ikas_forgot_password .ma-auth__back-full, .cc_ikas_recover_password .ma-auth__back-full, .cc_ikas_register .ma-auth__back-full {
    display: none;
  }

  .cc_ikas_login .ma-auth__back-short, .cc_ikas_forgot_password .ma-auth__back-short, .cc_ikas_recover_password .ma-auth__back-short, .cc_ikas_register .ma-auth__back-short {
    display: inline;
  }

  .cc_ikas_login .ma-auth__center, .cc_ikas_forgot_password .ma-auth__center, .cc_ikas_recover_password .ma-auth__center, .cc_ikas_register .ma-auth__center {
    min-height: 0;
    padding: 48px 24px 64px;
  }

  .cc_ikas_login .ma-auth__card--center, .cc_ikas_forgot_password .ma-auth__card--center, .cc_ikas_recover_password .ma-auth__card--center, .cc_ikas_register .ma-auth__card--center {
    width: 100%;
    gap: 36px;
  }

  .cc_ikas_login .ma-auth__split, .cc_ikas_forgot_password .ma-auth__split, .cc_ikas_recover_password .ma-auth__split, .cc_ikas_register .ma-auth__split {
    display: block;
    min-height: 0;
  }

  .cc_ikas_login .ma-auth__visual, .cc_ikas_forgot_password .ma-auth__visual, .cc_ikas_recover_password .ma-auth__visual, .cc_ikas_register .ma-auth__visual {
    height: 120px;
  }

  .cc_ikas_login .ma-auth__visual-label, .cc_ikas_forgot_password .ma-auth__visual-label, .cc_ikas_recover_password .ma-auth__visual-label, .cc_ikas_register .ma-auth__visual-label {
    padding: 6px 12px;
  }

  .cc_ikas_login .ma-auth__form-col, .cc_ikas_forgot_password .ma-auth__form-col, .cc_ikas_recover_password .ma-auth__form-col, .cc_ikas_register .ma-auth__form-col {
    display: block;
    padding: 40px 24px 64px;
  }

  .cc_ikas_login .ma-auth__card--split, .cc_ikas_forgot_password .ma-auth__card--split, .cc_ikas_recover_password .ma-auth__card--split, .cc_ikas_register .ma-auth__card--split {
    width: 100%;
    gap: 32px;
  }
}

.cc_ikas_login .ma-fieldgroup, .cc_ikas_forgot_password .ma-fieldgroup, .cc_ikas_recover_password .ma-fieldgroup, .cc_ikas_register .ma-fieldgroup {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ma-border);
  border-radius: var(--ma-radius);
  overflow: hidden;
  background: var(--ma-surface);
}

.cc_ikas_login .ma-fieldgroup .ma-inp, .cc_ikas_forgot_password .ma-fieldgroup .ma-inp, .cc_ikas_recover_password .ma-fieldgroup .ma-inp, .cc_ikas_register .ma-fieldgroup .ma-inp {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--ma-border);
}

.cc_ikas_login .ma-fieldgroup > .ma-inp:last-child, .cc_ikas_forgot_password .ma-fieldgroup > .ma-inp:last-child, .cc_ikas_recover_password .ma-fieldgroup > .ma-inp:last-child, .cc_ikas_register .ma-fieldgroup > .ma-inp:last-child, .cc_ikas_login .ma-fieldgroup > .ma-fieldrow:last-child .ma-inp, .cc_ikas_forgot_password .ma-fieldgroup > .ma-fieldrow:last-child .ma-inp, .cc_ikas_recover_password .ma-fieldgroup > .ma-fieldrow:last-child .ma-inp, .cc_ikas_register .ma-fieldgroup > .ma-fieldrow:last-child .ma-inp {
  border-bottom: 0;
}

.cc_ikas_login .ma-fieldrow, .cc_ikas_forgot_password .ma-fieldrow, .cc_ikas_recover_password .ma-fieldrow, .cc_ikas_register .ma-fieldrow {
  display: flex;
}

.cc_ikas_login .ma-fieldrow .ma-inp, .cc_ikas_forgot_password .ma-fieldrow .ma-inp, .cc_ikas_recover_password .ma-fieldrow .ma-inp, .cc_ikas_register .ma-fieldrow .ma-inp {
  flex: 1;
  border-right: 1px solid var(--ma-border);
}

.cc_ikas_login .ma-fieldrow .ma-inp:last-child, .cc_ikas_forgot_password .ma-fieldrow .ma-inp:last-child, .cc_ikas_recover_password .ma-fieldrow .ma-inp:last-child, .cc_ikas_register .ma-fieldrow .ma-inp:last-child {
  border-right: 0;
}

/* focus ring would be clipped by overflow:hidden — use inset ring inside groups */
.cc_ikas_login .ma-fieldgroup .ma-inp:focus-within, .cc_ikas_forgot_password .ma-fieldgroup .ma-inp:focus-within, .cc_ikas_recover_password .ma-fieldgroup .ma-inp:focus-within, .cc_ikas_register .ma-fieldgroup .ma-inp:focus-within {
  box-shadow: inset 0 0 0 2px var(--ma-focus-ring);
}

/* Imported from: ../Spinner/styles.css */
.cc_ikas_login .ma-spinner, .cc_ikas_forgot_password .ma-spinner, .cc_ikas_recover_password .ma-spinner, .cc_ikas_register .ma-spinner {
  display: inline-block;
  flex: 0 0 auto;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: 0.9;
  animation: ma-spin 0.7s linear infinite;
}

@keyframes ma-spin {
  to {
    transform: rotate(360deg);
  }
}

/* End import: ../Spinner/styles.css */

.cc_ikas_login .ma-pageloader, .cc_ikas_forgot_password .ma-pageloader, .cc_ikas_recover_password .ma-pageloader, .cc_ikas_register .ma-pageloader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--ma-sp-64) var(--ma-sp-24);
  color: var(--ma-text-disabled);
}