/* Pages — screen-specific bits only. Shared looks live in components.css. */
.hero { text-align: center; padding: 26px 6px 8px; }
.hero h1 { font-size: 26px; font-weight: 800; margin-bottom: 6px; }
.hero p { color: var(--ink2); font-size: 14px; }

.signin-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.signin-tabs .chip { flex: 1; text-align: center; }