/* PAGE LOGIN */

.login-page{

min-height:80vh;

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

padding:80px 20px;



}

/* CARD LOGIN */

.login-container{

background:#1e293b;

padding:50px;

border-radius:12px;

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

text-align:center;

box-shadow:0 10px 40px rgba(0,0,0,0.5);

}

.login-container h1{

margin-bottom:10px;
font-size:32px;

}

.login-subtitle{

color:#aaa;
margin-bottom:35px;

}

/* FORM */

.login-form{

display:flex;
flex-direction:column;
gap:20px;

}

.input-group{

display:flex;
flex-direction:column;
text-align:left;

}

.input-group label{

font-size:13px;
margin-bottom:6px;
color:#bbb;

}

.input-group input{

padding:12px;

border-radius:6px;

border:1px solid #333;

background:#020617;

color:white;

}

/* OPTIONS */

.login-options{

display:flex;
justify-content:space-between;

font-size:13px;

color:#aaa;

}

.login-options a{

color:#d4af37;
text-decoration:none;

}

/* BUTTON */

.login-button{

margin-top:10px;

padding:12px;

background:#6366f1;

border:none;

border-radius:6px;

font-weight:bold;

color:white;

cursor:pointer;

}

.login-button:hover{

background:#7c7fff;

}

/* REGISTER */

.login-register{

margin-top:25px;
font-size:14px;

}

.login-register a{

color:#d4af37;
text-decoration:none;

font-weight:bold;

}