/* Login: brand panel left, sign-in card right. */
/* ---- login ---- */
#auth:not(.hide){display:flex;flex-direction:column}
.authsplit{display:grid;grid-template-columns:minmax(400px,46%) 1fr;min-height:calc(100vh - 42px);flex:1}
.authleft{position:relative;overflow:hidden;background:var(--navy-deep);color:#fff;padding:40px 54px 36px;display:flex;flex-direction:column}
.authleft::before{content:"";position:absolute;inset:0;background:var(--wash);opacity:.6;pointer-events:none}
.authleft::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at -6% -10%,rgba(0,150,255,.55),transparent 62%),radial-gradient(460px circle at 104% 108%,rgba(201,21,48,.5),transparent 62%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px}
.al-top{display:flex;align-items:flex-end;gap:14px;position:relative;z-index:1}
.al-top .lg-as{height:24px;margin-bottom:0}.al-top .lg-bl{height:28px}.al-top .lg-si{height:34px;margin-bottom:4px}.al-top .bar{height:30px}.al-top .bx{font-size:18px}
.al-mid{margin:auto 0;padding:48px 0;position:relative;z-index:1;max-width:460px}
.al-mid .eyebrow{color:var(--blue-soft);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.al-mid h1{font-size:44px;font-weight:800;line-height:1.06;margin:14px 0 16px;letter-spacing:-.02em;color:#fff}
.al-mid h1 em{font-style:normal;color:var(--blue-soft)}
.al-mid p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.55;max-width:420px}
.al-foot{position:relative;z-index:1;color:rgba(255,255,255,.55);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:14px}
.al-foot::before{content:"";width:46px;height:1px;background:rgba(255,255,255,.3)}
.authright{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 24px 40px;background:var(--panel)}
.authright .thema{position:absolute;top:16px;right:16px;background:var(--surface2)}
.authright .thema button{color:var(--muted)}
.authright .thema button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.ar-card{width:100%;max-width:400px}
.ar-card .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-ink);font-weight:800;margin-bottom:10px}
.ar-card h2{font-size:28px;font-weight:800;color:var(--text);margin:0 0 6px;letter-spacing:-.02em;line-height:1.1}
.ar-sub{color:var(--muted);margin:0 0 24px;font-size:15px}
.btn.sso{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--panel);color:var(--text);border:1px solid var(--line2);font-weight:800;font-size:15px;border-radius:var(--r-sm);padding:13px;cursor:pointer;transition:border-color .15s,background .15s}
.btn.sso:hover{border-color:var(--blue);background:var(--surface)}
.ar-note{margin-top:14px;font-size:13px;color:var(--muted)}
.ar-note a{color:var(--blue-ink);text-decoration:none;font-weight:700}
.ar-list{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}
.ar-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--muted);line-height:1.4}
.ar-list li b{color:var(--text);font-weight:700}
.ar-list svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--blue-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
@media(max-width:860px){.authsplit{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.authright{align-items:flex-start}.authleft{padding:24px 20px 22px}.al-mid{margin:0;padding:34px 0 30px}.al-mid h1{font-size:34px}.al-top .lg-as{height:20px}.al-top .lg-bl{height:23px}.al-top .lg-si{height:28px}.al-top .bar{height:24px}.al-top .bx{font-size:15px}.al-top{gap:10px}.authright{padding:72px 20px 36px}}