body.split-auth { margin: 0 !important; background: #0c0d12 !important; }
body.split-auth .page {
  width: min(560px, 50vw);
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 28px 32px 48px !important;
  background: #12141a !important;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
body.split-auth .page::before,
body.split-auth .page::after { display: none !important; }
body.split-auth .auth-block { margin-top: 0 !important; width: 100%; align-items: stretch !important; }
body.split-auth .site-logo { justify-content: flex-start !important; margin-bottom: 8px; }
body.split-auth .card {
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 0 !important;
}
body.split-auth .steps-wrap { display: none !important; }
.split-auth-visual {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: 50%;
  background-color: #111;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.split-auth-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.12) 20%, rgba(0,0,0,.78));
}
.split-auth-copy { position: absolute; left: 40px; right: 48px; bottom: 48px; z-index: 2; color: #fff; }
.split-auth-copy span { display: inline-block; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: 6px 12px; font-size: 12px; letter-spacing: .08em; font-weight: 800; }
.split-auth-copy h2 { margin: 12px 0 8px; font-size: 42px; line-height: 1.05; }
.split-auth-copy p { margin: 0 0 12px; color: #e5e7eb; }
.split-auth-copy ul { margin: 0; padding: 0; list-style: none; }
.split-auth-copy li { margin: 6px 0; }
.split-auth-copy li::before { content: "✓ "; color: #f5c451; font-weight: 800; }
.split-auth-x { position: absolute; top: 18px; right: 18px; z-index: 3; width: 42px; height: 42px; border-radius: 50%; background: #e11d48; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 28px; line-height: 1; }
@media (max-width: 900px) {
  body.split-auth .page { width: 100%; }
  .split-auth-visual { display: none; }
}