.access-page{min-block-size:100dvh;padding:var(--space-6);place-items:center;display:grid}.access-card{inline-size:min(100%,30rem);padding:var(--space-8);gap:var(--space-6);display:grid}.access-brand{justify-content:center;display:flex}.access-brand img{block-size:auto;inline-size:9rem}.access-heading{text-align:center;gap:var(--space-2);display:grid}.access-heading h1{font-size:var(--font-size-page)}.access-heading p,.access-help{color:var(--color-text-secondary);font-size:var(--font-size-meta)}.access-form{gap:var(--space-4);display:grid}.access-links{justify-content:center;gap:var(--space-4);font-size:var(--font-size-meta);color:var(--color-link);flex-wrap:wrap;display:flex}.access-separator{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-meta);display:flex}.access-separator:before,.access-separator:after{content:"";background:var(--color-border-subtle);flex:1;block-size:1px}.access-notice{padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-info-bg);color:var(--color-info-fg)}.access-error{padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-danger-bg);color:var(--color-danger-fg)}@media (max-width:480px){.access-page{padding:var(--space-4)}.access-card{padding:var(--space-6)}}