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

    /* padding: 1rem; */
}

/* banner */

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

    background: var(--color-dark);
    background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-secondary-72) 100%), url('/assets/images/auth/banner.webp') no-repeat left / cover;

    /* border-radius: 1rem; */

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

main.login > div.banner > img {
    max-width: 50%;
}

/* 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;
}