body{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../img/fundo6.jpg) no-repeat center center;
    background-size: cover;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    font-family: 'Poppins', sans-serif;
}

 @media only screen and (max-width: 700px) {
        .form-login{
                padding-bottom: 50px;
        }
 }

.vertical-offset-100{
    padding-top:100px; /* kept for backward compatibility */
}


.recuperar{
	margin-top:25px;
	font-size:12px;
    text-align:center;
}

.form-login{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
    padding: 30px;
}

.btn-login{
    background-color: #0066cc;
    border: none;
    border-radius: 6px;
    transition: background-color 0.3s ease-in-out;
}

.btn-login:hover{
    background-color: #004488;
}

@keyframes fadeIn{
    from{opacity:0;transform:translateY(-20px);}
    to{opacity:1;transform:translateY(0);}
}

.form-login{
    animation: fadeIn 0.8s ease forwards;
}

.form-control::placeholder{
    font-family: 'FontAwesome', 'Helvetica', 'Arial', sans-serif;
}