/* Sign-in, invite and sign-up pages */
.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}
.auth-art{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,48px)}
.auth-art::after{background:linear-gradient(160deg,rgba(11,7,18,.55) 0%,rgba(11,7,18,.2) 60%,rgba(11,7,18,.5) 100%)}
.auth-logo img{display:block;height:34px;width:auto}
.auth-orbit{left:6%;top:18%;width:min(640px,80%);opacity:.9}
.auth-tag{margin-top:16px;font:400 clamp(26px,3vw,38px)/1.18 var(--av-serif);letter-spacing:-.025em;max-width:16ch;color:var(--av-paper)}
.auth-small{margin-top:14px;color:rgba(244,243,234,.72);font-size:14px}
.auth-form{display:grid;place-items:center;padding:40px var(--av-gutter)}
.auth-card{width:100%;max-width:400px}
.auth-card h1{font-size:clamp(30px,3.2vw,40px);margin-top:28px}
.auth-logo-sm{display:none;height:26px;width:auto}
.auth-lede{margin-top:10px}
.auth-submit{width:100%;margin-top:24px;min-height:48px}
.auth-foot{margin-top:22px;font-size:14px}
@media (max-width:860px){
  .auth{grid-template-columns:1fr}
  .auth-art{display:none}
  .auth-logo-sm{display:block}
  .auth-form{place-items:start center;padding-top:48px}
}
:root[data-theme="dark"] .auth-logo-sm{content:url("/static/brand/logotype-gold-white.svg")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .auth-logo-sm{content:url("/static/brand/logotype-gold-white.svg")}}

/* Two-step sign-in (CORE-G08) */
.mfa-steps{margin:22px 0 0;padding-left:20px;display:grid;gap:12px;font-size:15px}
.mfa-steps li::marker{font-weight:600;color:var(--av-ink-3)}
.mfa-qr{margin:12px 0 6px;display:inline-block;padding:8px;background:#fff; /* QR needs a white plate in both themes */border-radius:var(--av-r-sm,8px);border:1px solid var(--av-rule)}
.mfa-qr svg{display:block;width:220px;height:220px;max-width:100%}
.mfa-manual{margin-top:6px;font-size:14px}
.mfa-manual summary{cursor:pointer;color:var(--av-ink-2)}
.mfa-manual p{margin:8px 0}
.mfa-secret{display:block;font:500 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;word-break:break-all;user-select:all}
.mfa-code{font:500 22px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em}
.mfa-codes{list-style:none;margin:22px 0 0;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;border:1px solid var(--av-rule);border-radius:var(--av-r-sm,8px);user-select:all}
.mfa-codes code{font:500 16px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}
.auth-card .auth-submit + .auth-submit{margin-top:12px}
a.auth-submit{display:inline-flex;justify-content:center;align-items:center}
.mfa-remember{margin-top:14px;font-size:14px}