body.login-page {
    min-height: 100vh;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem; /* keep small padding so it's not cut off */
}

.auth-card {
    width: 100%;
    max-width: 480px; /* smaller max width for phone readability */
    margin: auto;
    background-color: var(--bs-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: var(--bs-box-shadow-lg);
}


.auth-header {
    padding: 1.25rem 1.25rem 0;
}

.auth-body {
    padding: 1.25rem;
}

.form-text.small-muted {
    color: var(--bs-secondary-color);
}

.strength {
    font-variant-numeric: tabular-nums;
}