html.auth-document {
  display: block;
  height: auto;
  min-height: 100%;
}
body.auth-page {
  box-sizing: border-box;
  height: auto;
  min-height: 100vh;
  margin: 0;
  padding: 24px 16px;
  justify-content: flex-start;
  gap: 28px;
  overflow-x: clip;
}
.auth-page *, .auth-page *::before, .auth-page *::after {
  box-sizing: border-box;
}
.auth-page header {
  position: static;
  order: 0;
  width: auto;
  height: auto;
  flex: none;
  text-align: center;
}
.auth-page .navbar-logo1, .auth-page .mobile-logo img {
  display: block;
  width: 140px;
  max-height: 150px;
  object-fit: contain;
  margin: auto;
}
.auth-page .mobile-logo { margin: 0; }
.auth-page .container {
  position: relative;
  isolation: isolate;
  order: 1;
  width: min(100%, 600px) !important;
  min-width: 0;
  margin: 0;
  flex: none;
}
.auth-page .bg-image {
  display: block;
  pointer-events: none;
  z-index: -1 !important;
}
.auth-page .wrapper {
  width: 100%;
  margin: 0 !important;
  padding: 36px 40px;
  min-height: 0 !important;
}
.auth-page .wrapper .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 20px;
}
.auth-page .title > * { margin-left: 0 !important; }
.auth-page .wrapper form { padding-bottom: 0; }
.auth-page .button-container {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.auth-page button { min-height: 44px; }
.auth-page .consent-checkbox { align-items: flex-start; gap: 10px; }
.auth-page .consent-checkbox input { flex: none; margin: 3px 0 0; }
.auth-page .error_field, .auth-page .consent-checkbox, .auth-page .pdf-link {
  overflow-wrap: anywhere;
}
.auth-page footer {
  position: static;
  order: 2;
  flex: none;
  display: flex !important;
  width: min(100%, 600px);
  margin-top: auto;
  padding-top: 12px;
}
.auth-page footer img {
  display: block;
  width: 513px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  body.auth-page { padding: 20px 16px; gap: 24px; }
  .auth-page .wrapper { padding: 24px 20px !important; }
  .auth-page .title a { font-size: 20px; }
  .auth-page .button-container > * { width: 100%; }
}