/* The v2 account pages (Phase 014, step 7): sign in, registration, password, the app's sign-in. */

.account-page { padding-block: 48px 64px; display: flex; justify-content: center; }
.account-card { width: 100%; max-width: 460px; display: flex; flex-direction: column; gap: 18px; }
.account-card h1 { margin: 0; }
.account-foot { text-align: center; margin: 0; }
.account-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.account-icon { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--c-lvl1-bg); color: var(--c-lvl1-fg); }
.account-tabs { align-self: stretch; }
.account-tabs > * { flex: 1; justify-content: center; }
.account-card .check { align-items: flex-start; }
.account-card .notice { margin: 0; }

@media (max-width: 560px) {
	.account-page { padding-block: 20px 40px; }
	.account-pair { grid-template-columns: 1fr; }
}