.client-login-page #main-content{padding:0}
.client-login-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:calc(100svh - 132px);border-bottom:1px solid var(--line)}
.client-login-art{position:relative;min-width:0;min-height:650px;margin:0;overflow:hidden;background:#e7e7e4}
.client-login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center}
.client-login-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 24px;background:#fff;font-size:10px;line-height:1.5;color:var(--muted)}
.client-login-art cite{font-style:normal}
.client-access{display:flex;align-items:center;justify-content:center;min-width:0;padding:56px 48px;background:#fff}
.client-access-inner{width:100%;max-width:400px;animation:client-access-enter .3s ease-out both}
.client-access .perenne-kicker{margin:0 0 12px;color:var(--accent)}
.client-access h1{font-size:36px;line-height:1.2;margin-bottom:16px}
.client-access-intro{font:400 19px/1.5 var(--serif);margin-bottom:24px}
.client-access-status{border-left:2px solid var(--accent);padding:0 0 0 14px;margin-bottom:28px;color:var(--muted);font-size:12px;line-height:1.6}
.client-access-status strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}
.client-access-status p{margin:0}
.client-access-fields{display:grid;gap:10px}
.client-access-fields label{font-size:14px}
.client-access-fields input{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:0;padding:10px 14px;font-size:16px;color:var(--muted);background:#f5f5f4;opacity:1;margin-bottom:8px}
.client-access-fields input:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--muted)}
.client-access-continue{justify-self:start;min-width:122px;min-height:44px;margin-top:8px;padding:10px 25px;border:1px solid var(--line);border-radius:4px;color:#777;background:#ececeb;font-size:14px;cursor:not-allowed}
.client-prototype-link{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin-top:22px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.client-prototype-link img{flex:0 0 16px}
.client-access-help{display:grid;gap:10px;margin-top:34px;font-size:13px}
.client-access-help p{margin:0;color:var(--muted)}
.client-access-help a{width:fit-content;color:var(--accent)}
.client-access-help a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes client-access-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.client-access{padding:40px 32px}.client-access h1{font-size:32px}}
@media(max-width:760px){.client-login-layout{grid-template-columns:minmax(0,1fr);min-height:0}.client-login-art{min-height:0;height:190px}.client-login-art>img{object-position:50% 58%}.client-login-art figcaption{padding:6px 24px;font-size:9px}.client-access{padding:32px 24px 44px;align-items:flex-start}.client-access-inner{max-width:460px}.client-access h1{font-size:30px}.client-access-intro{font-size:18px;margin-bottom:20px}.client-access-status{margin-bottom:24px}.client-access-help{margin-top:28px}}
@media(max-width:360px){.client-login-art{height:150px}.client-access{padding-inline:20px}.client-login-art figcaption{padding-inline:20px}.client-access h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.client-access-inner{animation:none}}