/* Login: karta vycentrovaná ve zbytku viewportu. */
main.page {
    align-self: stretch;
    display: flex;
}

.login-card {
    margin: auto;
    width: 340px;
    background: var(--c-surface-container);
    border: 1px solid var(--c-outline);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-1);
    padding: 28px 32px 24px;
}

.login-card h1 {
    margin: 0 0 14px;
    font-size: 20px;
    text-align: center;
}

.login-card label {
    display: block;
    margin: 12px 0 4px;
}

.login-card input[type="text"],
.login-card input[type="password"] {
    width: 100%;
}

.login-card input[type="submit"] {
    margin-top: 18px;
    width: 100%;
}

.backup-link {
    margin: 14px 0 0;
    font-size: 12px;
    text-align: center;
}