.page-login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    background: var(--bg);
}
.login-card {
    max-width: 26rem;
    width: 100%;
    background: var(--paper);
    padding: 2rem 2rem 1.5rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    text-align: center;
}
.login-card .brand { display: inline-block; margin-bottom: 1rem; }
.login-card h1 {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 2rem;
    font-weight: 400;
    margin: 0 0 .5rem;
    color: var(--ink);
}
.login-card .hint { margin-bottom: 1.25rem; }
.login-card form.stack label { text-align: left; }
.login-card form.stack input { width: 100%; }
.login-card .btn-primary { width: 100%; padding: .65rem 1rem; }
.login-card .signout { margin-top: 1rem; }
.login-card .backlink {
    margin-top: 1.5rem;
    font-size: .9rem;
}
.login-card .account-h2 {
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 1.75rem 0 .75rem;
    color: var(--ink);
}
.login-card .signout {
    margin-top: 1rem;
}