.auth-page .bg-wrapper {
  position: absolute;
  inset: 0;
  height: auto;
  background-color: #000;
  background-image:
    radial-gradient(ellipse 130vw 780px at 50% 30%, rgba(52, 54, 60, .48) 0%, rgba(25, 26, 30, .36) 52%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 88vw 520px at 78% calc(var(--top-black-gradient-start, 0px) + 520px), rgba(239, 241, 246, .10) 0%, rgba(198, 202, 211, .05) 42%, transparent 82%),
    radial-gradient(ellipse 82vw 620px at 14% calc(var(--top-black-gradient-start, 0px) + 1280px), rgba(239, 241, 246, .14) 0%, rgba(198, 202, 211, .07) 44%, transparent 82%);
  background-repeat: no-repeat;
}
.auth-page .bg-wrapper::before { display: none; }
.auth-page .top-black-fade { display: none; }
.auth-page .silver-metallic-theme { display: none; }
.auth-page .bg-wrapper::after {
  display: none;
}
.auth-page.auth-images-pending { overflow: hidden; }
.auth-page .auth-image-loader { z-index: 1000; transition-duration: .35s; }
.auth-page.auth-images-pending .auth-illustration,
.auth-page.auth-images-pending .auth-passport-illustration { opacity: 0; }
.auth-header-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 63px;
  margin-right: 13px;
  color: #f5f6f8;
  text-decoration: none;
  white-space: nowrap;
}
.auth-header-brand img { display: block; width: 42px; height: 42px; object-fit: contain; }
.auth-header-brand span { color: #f5f6f8; font: 400 22px/.9 "Woblen", sans-serif; letter-spacing: .02em; transform: translate(3px, 4px); }
.auth-header-brand + .language-divider { position: relative; left: -1px; width: 1px; height: 22px; margin: 0 12px 0 2px; flex: 0 0 1px; align-self: center; background: rgba(255,255,255,.32); }
.auth-page .header-actions > a { text-decoration: none; }
.auth-page .header-actions > a,
.auth-page .header-actions > a > span { font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1 "DM Sans", sans-serif; }
.auth-page .header-actions .ghost-button { display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; }
.auth-page .header-actions .primary-button.compact { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.1); color: #fff; background: rgba(255,255,255,.2); }
.auth-page .header-actions .primary-button.compact:hover { background: rgba(255,255,255,.26); }
.auth-page .site-header .header-inner { height: 63px; min-height: 63px; }
.auth-main {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: min(740px, calc(100vh - 220px));
  place-items: center;
  padding: 125px 24px 48px;
  box-sizing: border-box;
}
.auth-card {
  width: min(100%, 470px);
  box-sizing: border-box;
  padding: 34px 38px 32px;
  border-radius: 34px;
  color: #f3f3f5;
  background: linear-gradient(145deg, rgba(67,69,75,.82), rgba(32,33,37,.86) 58%, rgba(19,20,23,.9));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: none;
}
.auth-illustration {
  display: block;
  position: absolute;
  right: calc((100vw - 470px) / 4);
  bottom: -40px;
  z-index: 0;
  width: calc(min(30vw, 390px) + 300px);
  max-height: none;
  height: auto;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(50%);
  pointer-events: none;
}
.auth-passport-illustration {
  position: absolute;
  top: 0;
  left: calc((100vw - 470px) / 4);
  z-index: 0;
  display: block;
  width: calc(min(30vw, 390px) + 200px);
  height: auto;
  pointer-events: none;
  object-fit: contain;
  object-position: left top;
  transform: translateX(-50%);
}
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 5px; border-radius: 999px; background: rgba(0,0,0,.22); }
.auth-tab { min-height: 42px; border: 0; border-radius: 999px; color: rgba(245,246,248,.67); background: transparent; font: 500 15px "DM Sans", sans-serif; cursor: pointer; transition: background .2s ease, color .2s ease; }
.auth-tab.is-active { color: #fff; background: rgba(255,255,255,.17); }
.auth-title { margin: 27px 0 24px; color: rgba(248,249,252,.92); font: 400 calc(clamp(16px, 1.4vw, 21px) + 5px)/1.2 "OFont 10369", sans-serif; letter-spacing: normal; text-align: center; }
.auth-form { display: flex; flex-direction: column; gap: 17px; }
.auth-form[hidden], .auth-title[hidden] { display: none; }
.auth-field { position: relative; display: flex; flex-direction: column; gap: 0; box-sizing: border-box; min-height: 68px; padding: 7px 12px 4px; border: 0; border-radius: 14px; color: #DFDFDF; background: #343539; font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1.55 "DM Sans", sans-serif; }
.auth-field > label { display: block; margin: 0 0 -1px; color: #DFDFDF; font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1.55 "DM Sans", sans-serif; }
.auth-field input { display: block; width: 100%; height: 28px; box-sizing: border-box; padding: 0 32px 0 0; border: 0; border-radius: 0; outline: none; color: rgba(248,249,252,.92); background: transparent; font: 400 clamp(16px, 1.4vw, 21px)/1.2 "OFont 10369", sans-serif; box-shadow: none; }
.auth-password-toggle { position: absolute; top: 50%; right: 11px; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; transform: translateY(-50%); transition: transform .16s ease; border: 0; border-radius: 50%; background: transparent; box-shadow: none; cursor: pointer; }
.auth-password-toggle img { display: block; width: 25px; height: 25px; filter: brightness(0) invert(1); opacity: .55; transition: opacity .18s ease; }
.auth-password-toggle:hover img { opacity: 1; }
.auth-password-toggle:active { transform: translateY(-50%) scale(.853); }
.auth-password-toggle:focus-visible { outline: 2px solid rgba(255,255,255,.75); outline-offset: 2px; border-radius: 5px; }
.auth-field input:focus { border: 0; outline: none; background: transparent; box-shadow: none; }
.auth-field input:-webkit-autofill,
.auth-field input:-webkit-autofill:hover,
.auth-field input:-webkit-autofill:focus,
.auth-field input:autofill {
  -webkit-text-fill-color: rgba(248,249,252,.92);
  caret-color: #f8f9fc;
  background-color: #343539 !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 1000px #343539 inset !important;
  box-shadow: 0 0 0 1000px #343539 inset !important;
  transition: background-color 99999s ease-out 0s;
}
.auth-forgot { align-self: flex-end; padding: 0; border: 0; color: rgba(240,241,244,.68); background: none; font: 500 16px "DM Sans", sans-serif; cursor: pointer; }
.auth-forgot:hover, .auth-switch-copy button:hover { color: #fff; }
.auth-submit { width: 100%; min-height: 52px; margin-top: 3px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; color: #fff !important; background: rgba(255,255,255,.22) !important; font: 500 16px "DM Sans", sans-serif; cursor: pointer; }
.auth-submit:hover { background: rgba(255,255,255,.29) !important; }
.auth-page .auth-login-submit,
.auth-page .auth-login-submit:hover,
.auth-page .auth-register-submit,
.auth-page .auth-register-submit:hover { width: 100%; height: 61px; min-height: 61px; margin-top: 3px; padding: 0 24px; border: 0; border-top: 2px solid rgba(92,96,104,.6); border-radius: 20px; color: #fff !important; background: linear-gradient(180deg, rgba(112,117,127,.6) 0%, rgba(151,155,164,.6) 52%, rgba(190,193,200,.6) 100%) !important; font: 400 calc(clamp(13px, 1vw, 15px) + 4px)/1.2 "DM Sans", sans-serif; letter-spacing: -.01em; box-shadow: none; transform: none; }
.auth-page .auth-login-submit,
.auth-page .auth-login-submit:hover { width: 100%; height: 61px; min-height: 61px; margin-top: 3px; padding: 0 24px; border: 0; border-top: 2px solid rgba(92,96,104,.6); border-radius: 20px; color: #fff !important; background: linear-gradient(180deg, rgba(112,117,127,.6) 0%, rgba(151,155,164,.6) 52%, rgba(190,193,200,.6) 100%) !important; font: 400 calc(clamp(13px, 1vw, 15px) + 4px)/1.2 "DM Sans", sans-serif; letter-spacing: -.01em; box-shadow: none; transform: none; }
.auth-page .auth-login-submit,
.auth-page .auth-login-submit:hover { border-radius: 25px 25px 20px 20px; }
.auth-page .auth-register-submit,
.auth-page .auth-register-submit:hover { border-radius: 20px; }
.auth-page .auth-login-submit:active,
.auth-page .auth-register-submit:active { transform: scale(.975); }
.auth-page .auth-login-submit:hover .icon { transform: translateY(-1px); }
.auth-page .auth-register-submit:hover .icon { transform: translateY(-1px); }
.auth-google-button { width: 100%; border-radius: 20px 20px 25px 25px; }
.auth-google-button svg { width: 19px; height: 19px; flex: 0 0 19px; transform: translateY(-1px); }
.auth-google-button.is-google-ready { display: block; width: 100%; height: 44px; min-height: 44px; padding: 0; overflow: hidden; border: 0; border-radius: 12px; background: transparent; }
.auth-google-button.is-google-ready iframe { max-width: 100%; }
.auth-page .auth-submit,
.auth-page .auth-submit:hover,
.auth-page .auth-submit:focus-visible,
.auth-page .auth-submit:active { box-shadow: none !important; filter: none; }
.auth-switch-copy { margin: 3px 0 0; color: rgba(241,242,245,.68); font: 400 16px/1.5 "DM Sans", sans-serif; text-align: center; }
.auth-switch-copy button { padding: 0; border: 0; color: #fff; background: none; font: inherit; font-weight: 400; cursor: pointer; }
.auth-page .site-footer { margin-top: 40px !important; }
.auth-page .mobile-nav > a { color: #f1f2f4; text-decoration: none; }
@media (max-width: 600px) {
  .auth-header-brand { height: 49px; gap: 7px; margin-right: 8px; }
  .auth-header-brand img { width: 36px; height: 36px; }
  .auth-header-brand span { font-size: 17px; transform: translateY(3px); }
  .auth-page .site-header .header-inner { height: 49px; min-height: 49px; }
  .auth-main { min-height: calc(100vh - 185px); padding: 100px 16px 32px; }
  .auth-card { padding: 26px 22px 25px; border-radius: 26px; }
  .auth-illustration { display: none; }
  .auth-passport-illustration { display: none; }
}