.reader-login-page .reader-login-layout { display: grid; grid-template-columns: 1fr minmax(0, 440px); gap: 80px; align-items: center; padding-block: 72px; }
.reader-login-page .reader-login-eyebrow { color: var(--brand-accent); font-size: 13px; font-weight: 800; margin: 0 0 16px; }
.reader-login-page .reader-login-intro > p:not(.reader-login-eyebrow) { color: var(--brand-muted); max-width: 480px; font-size: 18px; }
.reader-login-page .reader-login-intro > a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; font-weight: 700; }
.reader-login-page .reader-login-benefits { list-style: none; padding: 0; margin: 24px 0; }
.reader-login-page .reader-login-benefits li { padding: 16px 0; border-bottom: 1px solid var(--brand-line); }
.reader-login-page .reader-login-benefits strong { display: block; font-size: 16px; margin-bottom: 4px; }
.reader-login-page .reader-login-benefits span { font-size: 14px; color: var(--brand-muted); }
.reader-login-page .reader-login-intro .reader-login-public-note { font-size: 14px; }
.reader-login-page .reader-login-card { padding: 32px; }
.reader-login-page .reader-login-card h2 { margin: 0 0 12px; }
.reader-login-page .reader-login-card label { font-size: 14px; font-weight: 700; }
.reader-login-page .reader-login-actions { display: flex; gap: 12px; margin-top: 24px; }
.reader-login-page .reader-login-actions button { flex: 1; }
.reader-login-page .reader-login-invite { border-top: 1px solid var(--brand-line); padding-top: 20px; margin-top: 24px; }
.reader-login-page .reader-login-invite .button { width: 100%; gap: 8px; }
@media (max-width: 760px) { .reader-login-page .reader-login-layout { grid-template-columns: 1fr; gap: 32px; padding-block: 40px; } }