.access-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:var(--paper)}
.access-card{width:min(430px,100%);padding:38px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.access-brand{display:flex;width:max-content;margin:0 auto 42px;text-align:center}
.access-card h1{margin:10px 0 14px;font:500 42px/1.05 var(--serif)}
.access-copy{margin:0 0 28px;color:var(--muted);font:17px/1.55 var(--serif)}
.access-card label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.access-card input{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);outline:none}
.access-card input:focus{border-color:var(--green)}
.access-card .primary-button{width:100%}
@media(max-width:500px){.access-card{padding:28px 22px}.access-card h1{font-size:36px}}