main.login {
    display: flex;
    gap: 1rem;

    padding: 1rem;
}

/* banner */

main.login > div.banner {
    width: 100%;
    min-height: calc(100svh - (1rem * 2));

    background: var(--color-dark);

    border-radius: 1rem;
}

/* form */

main.login > div.form {
    width: 100%;
    min-height: calc(100svh - (1rem * 2));

    display: flex;
    justify-content: center;
    align-items: center;
}

main.login > div.form div.container {
    max-width: 25rem;
}

main.login > div.form div.title h1 {
    font-size: 2rem;
    font-weight: 500;
}

main.login > div.form span.subscription-call {
    text-align: center;

    display: block;

    color: var(--color-dark-64);
}

main.login > div.form span.subscription-call > a {
    color: var(--color-dark);

    text-decoration: underline;
}

main.login > div.form a.forgot-password {
    color: var(--color-dark);

    text-decoration: underline;

    display: inline-block;
}