/* Split sign-in and signup layout. Form controls keep the shared Builder styles. */
.auth-shell {
  width:100%;
  min-height:calc(100vh - 12px);
  min-height:calc(100dvh - 12px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px
}
.auth-media {
  position:relative;
  min-height:640px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#080a09
}
.auth-magic-rings,.auth-media-shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.auth-magic-rings {
  background:#080a09;
  pointer-events:none
}
.auth-magic-rings .magic-rings {
  position:absolute;
  inset:0
}
.auth-media-shade {
  pointer-events:none
}
.auth-media-shade {
  background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 40%,rgba(0,0,0,.28))
}
.auth-media-copy {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:clamp(28px,4vw,64px);
  color:#fff
}
.auth-media-kicker {
  position:absolute;
  top:clamp(26px,3vw,48px);
  left:clamp(28px,4vw,64px);
  font-size:12px;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase
}
.auth-media-copy h2 {
  max-width:10ch;
  margin:0 0 14px;
  font-size:clamp(38px,5.1vw,72px);
  font-weight:500;
  line-height:.99;
  letter-spacing:-.055em
}
.auth-media-copy > p:last-child {
  max-width:42ch;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.6
}
.auth-panel {
  min-width:0;
  min-height:640px;
  display:grid;
  grid-template-rows:52px minmax(0,1fr) 42px;
  align-items:center;
  padding:22px clamp(24px,5vw,76px) 18px
}
.auth-panel-brand {
  display:flex;
  justify-content:center;
  align-items:center
}
.auth-panel-brand .brand { font-size:17px; gap:9px }
.auth-panel-brand .brand-mark { width:22px; height:22px }
.auth-panel-brand .brand-mark span { width:5px }
.auth-content {
  width:min(100%,420px);
  justify-self:center;
  display:grid;
  gap:28px;
  padding-block:32px
}
.auth-heading { text-align:center }
.auth-heading h1 {
  margin:0 0 8px;
  font-size:32px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:-.045em
}
.auth-panel-footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:var(--muted);
  font-size:13px
}
.auth-mode-link {
  border:0;
  padding:2px 0;
  background:transparent;
  color:var(--ink);
  font-weight:600
}
.auth-mode-link:hover { text-decoration:underline; text-underline-offset:3px }
@media(prefers-reduced-motion:reduce) {
  .auth-media-shade { background:rgba(0,0,0,.22) }
}