body{


min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:#f8fafc;

padding:20px;


}



/* Logo */


.logo-login{


width:120px;

height:120px;

object-fit:contain;

display:block;

margin:auto;


filter:
drop-shadow(0 5px 10px rgba(0,0,0,.35));


}





/* Card azul padrão */


.card.blue2 {


background:linear-gradient(
135deg,
#1E40AF,
#2563EB,
#0F172A
);


color:#fff;

border-radius:18px;

border:2px solid #93C5FD;


box-shadow:

0 10px 25px rgba(30,64,175,.35),

inset 0 1px 12px rgba(255,255,255,.15);


overflow:hidden;

width:100%;

max-width:420px;


}





.card.blue2 h3{


font-weight:800;

letter-spacing:1px;


}





.card.blue2 p{


color:#EFF6FF;

font-size:14px;


}




.card.blue2 label{


color:#DBEAFE;

font-weight:600;


}





.card.blue2 input{


border-radius:20px;

border:none;

padding:13px;


}




.card.blue2 input:focus{


outline:none;

box-shadow:0 0 10px #93C5FD;


}





.btn-blue2{


background:
linear-gradient(
135deg,
#60A5FA,
#1D4ED8
);


color:white;

font-weight:bold;

border-radius:22px;

border:1px solid #BFDBFE;

padding:12px;


}





.btn-blue2:hover{


background:
linear-gradient(
135deg,
#93C5FD,
#2563EB
);


color:white;


}





.link-login{


color:#DBEAFE;

text-decoration:none;

font-weight:600;


}



.link-login:hover{


color:white;


}





.erro{


background:#fee2e2;

color:#991b1b;

border-radius:15px;

padding:10px;

text-align:center;

font-weight:bold;


}



.google-btn{


border-radius:25px;

font-weight:bold;


}


.senha-box{
    position:relative;
}

.senha-box input{
    padding-right:45px;
}

.senha-box i{

    position:absolute;

    right:15px;

    top:50%;

    transform:translateY(-50%);

    font-size:20px;

    color:#666;

    cursor:pointer;

    transition:.3s;

}

.senha-box i:hover{

    color:#1976D2;

}