.page-access {
    width:min(480px, calc(100% - 40px));
    margin:0 auto;
    min-height:calc(100svh - 76px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px 0;
    color:var(--text);
}
.page-access-logo { display:block; object-fit:contain; margin-bottom:32px; }
.page-access h1 { margin:0; font-size:var(--type-section); line-height:1.1; }
.page-access p { font-size:var(--type-body); line-height:1.6; color:var(--muted); }
.page-access form { display:grid; gap:12px; margin-top:20px; }
.page-access label { font-size:var(--type-body); }
.page-access input { width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--grey-strong); border-radius:6px; background:transparent; color:inherit; font-size:var(--type-body); }
.page-access input:focus-visible { outline:2px solid var(--navy); outline-offset:3px; }
.page-access-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
html[data-theme="dark"] .page-access-logo { filter:brightness(0) invert(1); }