/**
 * Auth pages (login, change password). Shared typography and layout.
 */

body,
h1, h2, h3, h4, h5, h6,
p, a, .card, .card-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #fff;
}

.login-card,
.change-password-card {
    width: 100%;
    max-width: 400px;
}

.login-header,
.change-password-header {
    text-align: center;
    margin-bottom: 20px;
}

.login-header img,
.change-password-header img {
    max-width: 250px;
}