* {
    font-family: var(--font-family);
}

#login {
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    background-image:url('/assets/background_4.png');

    /* Faz a imagem cobrir toda a tela sem esticar (mantém a proporção) */
    background-size: cover;
    
    /* Centraliza a imagem */
    background-position: center;
    
    /* Evita que a imagem se repita caso a tela seja muito grande */
    background-repeat: no-repeat;
    
    /* Opcional: mantém o fundo fixo enquanto você rola a página */
    background-attachment: fixed;

    backdrop-filter: blur(10px);
}


.loginInput {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md)

}

.loginImg {
    width: 40px;
    filter: brightness(0) saturate(100%) invert(28%) sepia(86%) saturate(412%) hue-rotate(168deg) brightness(93%) contrast(87%);

    
}

form {
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;

     gap: var(--space-md);
}