@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');


*{

margin:0;
padding:0;
box-sizing:border-box;

}



body{


font-family:Arial, Helvetica, sans-serif;

background:#111f3c;

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;


}




.login-page{


width:100%;

display:flex;

justify-content:center;

align-items:center;

padding:20px;


}





.login-box{


width:430px;

background:#141924;

padding:55px 50px;

border-radius:12px;

border:1px solid rgba(218,168,72,.35);

box-shadow:

0 25px 60px rgba(0,0,0,.45);


}





.brand{


text-align:center;

margin-bottom:35px;


}




.brand h1{


font-family:'Cormorant Garamond',serif;

font-size:90px;

line-height:.8;

font-weight:700;

color:#daa848;

letter-spacing:2px;


}





.brand span{


display:block;

margin-top:15px;

font-size:11px;

letter-spacing:6px;

color:#ffffff;

opacity:.85;


}





.titulo{


text-align:center;

margin-bottom:35px;


}




.titulo h2{


font-size:28px;

font-weight:700;

color:white;

margin-bottom:12px;


}




.titulo p{


font-size:15px;

color:#c8ccd4;


}





.campo{


margin-bottom:22px;


}



.campo label{


display:block;

color:white;

font-size:14px;

font-weight:bold;

margin-bottom:8px;


}





.campo input{


width:100%;

padding:16px;

background:#ffffff;

border:none;

border-radius:6px;

font-size:15px;

outline:none;


}



.campo input:focus{


border:2px solid #daa848;


}





button{


width:100%;

margin-top:15px;

padding:17px;

border:none;

border-radius:6px;

background:#daa848;

color:#111f3c;

font-weight:bold;

font-size:16px;

cursor:pointer;

transition:.3s;


}





button:hover{


background:white;


}





.footer-login{


text-align:center;

margin-top:35px;

font-size:13px;

color:#9da3ad;


}
.mensagem-erro {
    margin-bottom: 24px;
    padding: 12px 15px;
    border: 1px solid rgba(218, 168, 72, 0.55);
    border-radius: 6px;
    background: rgba(218, 168, 72, 0.12);
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}