.auth-split {
  min-height: 100dvh;
  display: flex;
}

.auth-split__media {
  flex: 3.2 1 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.auth-split__panel {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 32px;
  background: var(--panel-2, #fff);
  color: var(--text, #0f172a);
  border-left: 1px solid var(--border, rgba(15, 23, 42, 0.10));
  overflow-y: auto;
}

.auth-split__panel-inner {
  width: 100%;
  max-width: 420px;
}

.auth-split__panel .card {
  width: 100%;
}

@media (max-width: 991.98px) {
  .auth-split {
    flex-direction: column;
    min-height: 100dvh;
  }

  .auth-split__media {
    flex: none;
    min-height: 36vh;
  }

  .auth-split__panel {
    flex: 1 1 auto;
    padding: 32px 20px;
    border-left: 0;
    border-top: 1px solid var(--border, rgba(15, 23, 42, 0.10));
  }

  .auth-split__panel-inner {
    max-width: 520px;
  }
}

@media (max-width: 575.98px) {
  .auth-split__media {
    min-height: 26vh;
  }

  .auth-split__panel {
    padding: 24px 16px;
  }

  .auth-split__panel .card {
    padding: 1.5rem 1rem !important;
    border-radius: 14px;
  }

  .auth-split__panel img {
    max-width: 160px;
    height: auto;
  }

  .auth-split__panel .btn {
    min-height: 42px;
  }

  .auth-split__panel .form-control {
    min-height: 42px;
    font-size: 16px;
  }
}