/* Login portal branding and compact phone layout. */
:root {
    --login-ink: #112d51;
    --login-green: #214b7b;
    --login-lime: #f4be24;
    --login-muted: #667a92;
    --login-line: #dbe5f0;
}

body {
    background: #f3f6fb;
}

.account-login-brand {
    background: radial-gradient(circle at 90% 15%, rgba(244, 190, 36, .16), transparent 22%), linear-gradient(135deg, #214b7b, #112d51 62%, #1a426f);
}

.account-form-icon {
    background: #eaf2fc;
    color: #214b7b;
}

.account-form-wrap button {
    background: #214b7b;
    box-shadow: 0 13px 25px rgba(33, 75, 123, .19);
}

.account-form-wrap button:hover {
    background: #173d68;
}

.account-help a {
    color: #214b7b;
}

@media (max-width: 820px) {
    .account-login {
        display: block;
    }

    .account-login-brand {
        display: none;
    }

    .account-login-panel {
        min-height: 100svh;
        padding: 34px 24px 50px;
    }
}

@media (max-width: 390px) {
    .account-login-panel {
        padding-inline: 18px;
    }

    .account-form-wrap h2 {
        font-size: 31px;
    }
}