*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{

    background:#0f172a;

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

    height:100vh;

}

.login{

    width:100%;
    max-width:420px;
    padding:20px;

}

.card-login{

    background:#FFF;

    border-radius:12px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.25);

}

.logo{   

    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px;

}

.logo img{   
    max-width: 220px;
    max-height: 80px;
    object-fit: contain;
}

.card-login h2{

    text-align:center;
    margin-bottom:10px;

}

.card-login p{

    text-align:center;
    color:#666;
    margin-bottom:30px;

}

.campo{

    margin-bottom:20px;

}

.campo label{

    display:block;

    margin-bottom:8px;

    font-weight:bold;

}

.campo input{

    width:100%;

    padding:14px;

    border:1px solid #CCC;

    border-radius:8px;

    outline:none;

    transition:.3s;

}

.campo input:focus{

    border-color:#22c55e;

}

button{

    width:100%;

    padding:14px;

    border:0;

    border-radius:8px;

    background:#22c55e;

    color:#FFF;

    font-size:16px;

    cursor:pointer;

    transition:.3s;

}

button:hover{

    background:#16a34a;

}


.link-recuperar{
    font-size:14px;
    color:#16a34a;
    text-decoration:none;
}

.link-recuperar:hover{
    text-decoration:underline;
}