:root{--red:var(--danger)}
.auth-wrap{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}
.brand-panel{padding:54px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
.brand-panel .logo-row{display:flex;align-items:center;gap:13px}
.brand-panel .mark{height:44px;width:auto;display:block}
.brand-panel b{font-weight:800;font-size:1.45rem;letter-spacing:.04em}
.brand-panel h1{font-weight:800;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.02em;margin:48px 0 0;max-width:14ch}
.brand-panel .lead{color:var(--muted);font-size:1rem;margin-top:18px;max-width:44ch;line-height:1.7}
.points{list-style:none;margin:34px 0 0;display:flex;flex-direction:column;gap:16px}
.points li{display:flex;align-items:center;gap:14px;font-size:.96rem}
.points b{font-weight:600;color:var(--text)}
.brand-foot{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:.78rem;letter-spacing:.02em}
.chip-version{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-family:var(--font-mono);font-size:.74rem;color:var(--muted)}
.signin{display:grid;place-items:center;padding:40px 28px}
.signin-card{width:min(420px,100%)}
.signin-card .eyebrow{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em;color:var(--clay2);text-align:center;display:block}
.signin-card h2{font-weight:700;font-size:1.6rem;text-align:center;margin:10px 0 6px}
.signin-card .sub{text-align:center;color:var(--muted);font-size:.92rem;margin-bottom:26px;line-height:1.6}
.note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:var(--dim);font-size:.8rem}
.alt{text-align:center;color:var(--muted);font-size:.84rem;margin-top:22px;line-height:1.7}
.alt a{color:var(--text);border-bottom:1px solid var(--line2)}
.alt a:hover{border-color:var(--muted)}
.back{display:inline-flex;gap:7px;align-items:center;justify-content:center;width:100%;color:var(--dim);font-size:.8rem;margin-top:18px}
.back:hover{color:var(--muted)}
.spin{width:17px;height:17px;border-radius:50%;border:2px solid rgba(26,18,6,.3);border-top-color:#1a1206;display:inline-block;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:880px){
  .auth-wrap{grid-template-columns:1fr}
  .brand-panel{padding:34px 24px 26px;border-right:none;border-bottom:1px solid var(--line)}
  .brand-panel h1{font-size:26px;margin-top:24px}
  .points{display:none}
  .signin{padding:30px 18px 44px}
}