.login-page
{
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 100%;
    padding: 24px;

    background: radial-gradient(circle at top, #2b313b, #111317 62%);
}

.login-card
{
    width: 100%;
    max-width: 420px;

    color: #f8f9fa;
}

.login-brand
{
    color: #ff8100;

    font-size: 32px;
    font-weight: 700;
    letter-spacing: .06em;
}

.login-pretitle
{
    margin: 28px 0 4px;

    color: #8b94a3;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.login-title
{
    margin: 0 0 8px;

    font-size: 28px;
}

.login-note
{
    margin: 20px 0 0;

    color: #8b94a3;
    font-size: 12px;
    text-align: center;
}