/*
 * Login screen.
 *
 * The theme's own `examples/css/pages/login.min.css` was dropped when the demo pages were trimmed,
 * and the layout depends on it for three things the rest of the bundle never defines: the
 * full-page backdrop behind `.page-dark.layout-full::before`, the width of the sign-in card, and
 * the size of the brand mark. Without them the card stretches edge to edge and white brand text
 * lands on a white page.
 */

.page-login.layout-full::before {
    background-image: linear-gradient(135deg, #1b2a4e 0%, #243b6b 45%, #37508f 100%);
}

.page-login .page-content {
    width: 100%;
    max-width: 420px;
    padding: 32px 24px;
    margin: 0 auto;
}

.page-login .brand {
    margin-bottom: 26px;
}

.page-login .brand-img {
    max-width: 150px;
    height: auto;
}

.page-login .brand-text {
    margin-top: 14px;
    letter-spacing: .06em;
}

/* Labels and validation messages read left to right; the wrapper centres everything else. */
.page-login form {
    text-align: left;
}

.page-login .alert-danger {
    text-align: left;
}

.page-login .alert-danger ul {
    padding-left: 18px;
    margin-bottom: 0;
}

.page-login .form-group {
    margin-bottom: 18px;
}

.page-login .page-copyright {
    margin-top: 26px;
}