* { box-sizing: border-box; }
.zl-auth-body {
  margin: 0; min-height: 100vh; display:flex; align-items:center; justify-content:center;
  background: #F6F7FA; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color:#1A1D27;
}
.zl-auth-shell { display:flex; width: 900px; max-width: 92vw; background:#fff; border-radius:18px; overflow:hidden; box-shadow: 0 24px 60px rgba(20,22,35,.12); }
.zl-auth-shell-narrow { width: 420px; justify-content:center; padding: 44px 40px; }
.zl-auth-brand { background: linear-gradient(160deg,#12141C,#1c2033); color:#fff; width: 42%; padding: 48px 40px; display:flex; flex-direction:column; }
.zl-auth-logo { width:40px; height:40px; border-radius:10px; background:#3D5AFE; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:19px; margin-bottom: 24px; }
.zl-auth-brand h1 { font-size: 26px; margin: 0 0 8px; }
.zl-auth-brand p { color: rgba(255,255,255,.7); font-size: 14px; margin: 0 0 30px; }
.zl-auth-points { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; font-size:13.5px; color:rgba(255,255,255,.85); }
.zl-auth-card { flex:1; padding: 48px 44px; }
.zl-auth-card h2 { font-size:20px; margin:0 0 20px; }
.zl-auth-card form { display:flex; flex-direction:column; gap:14px; }
.zl-auth-card label { display:flex; flex-direction:column; gap:6px; font-size:12.5px; color:#6B7080; font-weight:600; }
.zl-auth-card input { border:1px solid #E7E9EF; border-radius:8px; padding:10px 12px; font-size:14px; font-family:inherit; color:#1A1D27; }
.zl-auth-card input:focus { outline:none; border-color:#3D5AFE; }
.zl-auth-btn { margin-top:6px; border:none; background:#3D5AFE; color:#fff; padding:11px; border-radius:9px; font-size:14px; font-weight:700; cursor:pointer; }
.zl-auth-btn:hover { background:#2f46d6; }
.zl-auth-switch { margin-top:18px; font-size:13px; color:#6B7080; text-align:center; }
.zl-auth-switch a { color:#3D5AFE; font-weight:600; text-decoration:none; }
.zl-auth-error { background:#FFF1F2; color:#C81E3A; border:1px solid #FFD3D9; border-radius:8px; padding:10px 12px; font-size:13px; margin-bottom:16px; }
@media (max-width: 720px) { .zl-auth-shell { flex-direction:column; width: 94vw; } .zl-auth-brand { width:auto; } }