.auth-body { margin:0; }
.auth-split { display:grid; grid-template-columns:1.1fr 1fr; min-height:100vh; }
.auth-left { background:var(--grad); color:#fff; padding:60px 56px; display:flex; flex-direction:column; justify-content:center; }
.al-brand { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:800; margin-bottom:40px; }
.al-brand .brand-logo { background:rgba(255,255,255,.2); }
.auth-left h2 { font-size:32px; font-weight:800; letter-spacing:-.03em; line-height:1.2; margin:0 0 16px; max-width:440px; }
.auth-left p { opacity:.9; font-size:16px; max-width:420px; line-height:1.6; }
.auth-left ul { list-style:none; padding:0; margin:34px 0 0; display:grid; gap:13px; }
.auth-left li { display:flex; align-items:center; gap:11px; font-weight:600; opacity:.95; }
.auth-right { display:grid; place-items:center; padding:24px; }
.auth-card { width:100%; max-width:380px; }
.auth-card h1 { font-size:26px; font-weight:800; letter-spacing:-.02em; margin:0 0 4px; }
.auth-card .sub { color:var(--ink-soft); margin:0 0 26px; }
.auth-card .fld input { border:1.5px solid var(--line); }
.rem { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--ink-soft); margin:4px 0 18px; }
.w100 { width:100%; justify-content:center; }
.a-err { background:#fdecec; color:var(--bad); border-radius:10px; padding:10px 13px; font-size:13px; font-weight:600; margin-top:14px; }
.a-alt { text-align:center; margin-top:20px; font-size:14px; font-weight:600; color:var(--ink-soft); }
.a-alt a { color:var(--brand); text-decoration:none; font-weight:700; }
@media(max-width:820px){ .auth-split{ grid-template-columns:1fr; } .auth-left{ display:none; } }