body {

    background: url('../../assets/images/bgImageLogin.jpg') no-repeat center center fixed;

    background-size: cover;

    font-family: Arial, sans-serif;

    background-color:black

}



.login-container {

    background-color: rgba(0, 0, 0, 0.5);

    border-radius: 15px;

    padding: 40px;

    color: white;

}



.form-control {

    border-radius: 10px;

}



.login-btn {

    background-color: #58B895;

    color: white;

    font-weight: bold;

    border-radius: 10px;

}



.login-btn:hover {

    background-color: #1E9DA1;

    color: white;

}



.avatar {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    object-fit: cover;

    margin-bottom: 20px;

}



.logo-footer {

    position: absolute;

    bottom: 40px;

    /* sobe a logo sem encostar demais */

    width: 100%;

    text-align: center;

}



.logo-footer img {

    height: 30px;

}



.small-text {

    font-size: 0.8rem;

}



.footer-version {

    font-size: 0.75rem;

    margin-top: 10px;

    color: #ccc;

}



.back-icon {

    font-size: 1.5rem;

    margin-top: 15px;

    color: #58B895;

    display: inline-block;

}