body {
    background-image: none !important;
    background: #222226;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

@media (max-width: 768px) {
    .texto-ainda-nao-tem-conta,
    .div-texto-login .texto-bem-vindo-login-desktop,
    .esqueceu-senha,
    .esqueceu-usuario,
    .imagem-ondas, .imagem-foguete,
    .div-container-ilustacoes {
        display: none !important;
        background: #222226;
    }

    .div-texto-login {
        width: 80%;
    }

    .div-texto-login .texto-bem-vindo-login-mobile {
        display: block !important;
        font-size: 10pt !important;
        color: rgba(0, 0, 0, 0.6);
    }

    .formulario-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logo-ez {
        margin: 0px auto 10px auto;
        width: 25% !important;
        height: 10% !important;
    }

    .texto-login-abaixo {
        display: block;
    }

    .formulario {
        margin: 0px !important;
        width: 80% !important;
    }

    .container-formulario {
        bottom: 0px !important;
    }

    .div-container-formulario {
        display: flex;
        flex-direction: column;
        border-radius: 15px;
        height: 80vh;
        margin: auto;
        width: 80% !important;
    }

    .container-formulario-autenticacao > .formulario {
        width: 80%;
    }

    .formulario-campos-container {
        --md-outlined-text-field-input-text-size: 10pt !important;
        --md-outlined-text-field-label-text-size: 10pt !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .custom-button {
        --md-filled-button-label-text-size: 12pt;
    }

    .div-links-mobile {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px  !important;
        text-align: center;
    }

    .div-links-mobile .resgatar-senha-mobile, .div-links-mobile .cadastrar-mobile {
        text-decoration: underline;
        font-weight: 400;
        color: rgba(25, 118, 210, 1);
        font-size: 9pt;
    }
}

.div-logo-ez {
    display: flex;
    justify-content: center;
}

.div-container-ilustacoes {
    background: #222226;
    width: 50%;
    height: 100vh;
    position: relative;
}

.imagem-ondas {
    width: 60%;
}

.imagem-foguete {
    position: absolute;
    transform: translateY(70%);
    right: -7%;
    height: fit-content;
}

.div-container-formulario {
    background: white;
    width: 50%;
    margin-block: auto;
}

.container-formulario {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    bottom: 6%;
}

.formulario {
    width: 50%;
    height: fit-content;
    margin: 8px auto;
}

.formulario > div {
    margin: 20px 0;
}

.formulario-campos-container {
    --md-outlined-text-field-input-text-size: 16pt;
    --md-outlined-text-field-label-text-size: 16pt;
}

.formulario-campos-container md-outlined-text-field {
    width: 100%;
}

.container-formulario-autenticacao > .div-logo-ez {
    margin-bottom: 2%;
}

.texto-bem-vindo-login-desktop {
    width: 32.6%;
    color: rgba(97, 29, 242, 1);
    font-weight: 400;
    font-size: 18pt;
    margin: auto;
    text-align: center;
}

.texto-bem-vindo-login-mobile, .div-links-mobile {
    display: none;
}

.texto-ainda-nao-tem-conta {
    text-align: center;
}