/* Match the public brand only while an authentication form is visible. */
body:has(#main>.card>.tabs),body:has(#main input[autocomplete="one-time-code"]){--navy:#f5f2e9;--muted:#a9bdcb;--paper:#06121d;--line:#2b404e;--accent:#c2fa43;color-scheme:dark;background:radial-gradient(ellipse at 90% 20%,#c2fa4309,transparent 45%),#06121d;color:#f5f2e9}
body:has(#main>.card>.tabs) header,body:has(#main input[autocomplete="one-time-code"]) header{height:112px;background:#06121d}
.portal-brand-image{display:none;width:90px;height:82px;object-fit:contain}body:has(#main>.card>.tabs) .portal-brand-image,body:has(#main input[autocomplete="one-time-code"]) .portal-brand-image{display:block}body:has(#main>.card>.tabs) .portal-wordmark,body:has(#main input[autocomplete="one-time-code"]) .portal-wordmark{display:none}
body:has(#main>.card>.tabs) .layout,body:has(#main input[autocomplete="one-time-code"]) .layout{max-width:1200px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center;min-height:calc(100vh - 180px);padding-top:48px;padding-bottom:56px}
body:has(#main>.card>.tabs) aside,body:has(#main input[autocomplete="one-time-code"]) aside{padding:0}
body:has(#main>.card>.tabs) .eyebrow,body:has(#main input[autocomplete="one-time-code"]) .eyebrow{color:#c2fa43;letter-spacing:2px}
body:has(#main>.card>.tabs) h1,body:has(#main input[autocomplete="one-time-code"]) h1{font-size:clamp(32px,3.4vw,46px);line-height:1.6}
body:has(#main>.card>.tabs) aside>p,body:has(#main input[autocomplete="one-time-code"]) aside>p{color:#adc0ce}
body:has(#main>.card>.tabs) .steps b,body:has(#main input[autocomplete="one-time-code"]) .steps b{color:#c2fa43}
body:has(#main>.card>.tabs) .card,body:has(#main input[autocomplete="one-time-code"]) .card{background:#0b1c29;border:1px solid #2b404e;border-radius:22px;padding:34px;box-shadow:0 22px 65px #0003;margin:0}
body:has(#main>.card>.tabs) .subtle,body:has(#main input[autocomplete="one-time-code"]) .subtle{color:#a9bdcb}
body:has(#main>.card>.tabs) .tabs{display:grid;grid-template-columns:1fr 1fr;background:#06121d;border:1px solid #2b404e;border-radius:11px;padding:5px;gap:5px;margin:26px 0}
body:has(#main>.card>.tabs) button,body:has(#main input[autocomplete="one-time-code"]) button{background:#102636;color:#f5f2e9;border-color:#3c5262;border-radius:9px;min-height:46px}
body:has(#main>.card>.tabs) .tabs button{background:transparent;border-color:transparent}
body:has(#main>.card>.tabs) .tabs .active,body:has(#main>.card>.tabs) .primary,body:has(#main input[autocomplete="one-time-code"]) .primary{background:#c2fa43;color:#06121d;border-color:#c2fa43;font-weight:700}
body:has(#main>.card>.tabs) input,body:has(#main input[autocomplete="one-time-code"]) input{background:#06121d;border-color:#3c5262;color:#f5f2e9;min-height:50px;border-radius:9px}
body:has(#main>.card>.tabs) input:focus,body:has(#main input[autocomplete="one-time-code"]) input:focus,body:has(#main>.card>.tabs) button:focus-visible,body:has(#main input[autocomplete="one-time-code"]) button:focus-visible{outline:2px solid #c2fa43;outline-offset:3px}
body:has(#main>.card>.tabs) .notice,body:has(#main input[autocomplete="one-time-code"]) .notice{background:#c2fa4309;border-color:#c2fa4340;color:#d5e4bc}
body:has(#main>.card>.tabs) .text-button,body:has(#main input[autocomplete="one-time-code"]) .text-button{background:transparent;border:0;color:#c2fa43}
body:has(#main>.card>.tabs) .actions .primary,body:has(#main input[autocomplete="one-time-code"]) .actions .primary{flex:1;min-width:150px}
body:has(#main>.card>.tabs) footer,body:has(#main input[autocomplete="one-time-code"]) footer{color:#9db2c2}
body:has(#main>.card>.tabs) #status:not(:empty),body:has(#main input[autocomplete="one-time-code"]) #status:not(:empty){background:#102636;color:#f5f2e9;border:1px solid #3c5262}
body:has(#main>.card>.tabs) #status.error,body:has(#main input[autocomplete="one-time-code"]) #status.error{background:#652c33;border-color:#b0646c}
@media(max-width:900px){body:has(#main>.card>.tabs) .layout,body:has(#main input[autocomplete="one-time-code"]) .layout{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:28px 5vw 40px}body:has(#main>.card>.tabs) header,body:has(#main input[autocomplete="one-time-code"]) header{height:96px}body:has(#main>.card>.tabs) .card,body:has(#main input[autocomplete="one-time-code"]) .card{padding:24px}body:has(#main>.card>.tabs) h1,body:has(#main input[autocomplete="one-time-code"]) h1{font-size:30px;margin:8px 0}.portal-brand-image{width:76px;height:70px}}
@media(prefers-reduced-motion:no-preference){body:has(#main>.card>.tabs) button{transition:background .15s,border-color .15s}body:has(#main>.card>.tabs) .primary:hover{background:#d1ff6b}}