.login-overlay{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.65);

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

backdrop-filter:blur(6px);

}

.login-box{

background:#0c0c0c;

padding:42px;

border-radius:14px;

width:380px;

border:1px solid #1a1a1a;

position:relative;

box-shadow:0 25px 70px rgba(0,0,0,.7);

}

.login-logo{

width:60px;

display:block;
margin:auto;

margin-bottom:14px;

border-radius:50%;

}

.login-box h2{

text-align:center;

font-size:24px;

margin-bottom:6px;

}

.login-sub{

text-align:center;

color:#777;

font-size:14px;

margin-bottom:24px;

}


/* INPUTS */

.login-box input{

width:100%;

padding:12px 14px;

margin-bottom:12px;

background:#111;

border:1px solid #222;

border-radius:8px;

color:white;

font-size:14px;

}

.login-box input:focus{

outline:none;

border-color:#2563eb;

}


/* LINKS */

.login-links{

display:flex;

justify-content:space-between;

font-size:12px;

margin-bottom:16px;

}

.login-links a{

color:#777;

text-decoration:none;

}

.login-links a:hover{

color:white;

}


/* BOTAO LOGIN */

.login-submit{

width:100%;

background:#2563eb;

border:none;

padding:12px;

border-radius:8px;

color:white;

font-weight:500;

cursor:pointer;

margin-bottom:20px;

}

.login-submit:hover{

background:#1d4ed8;

}


/* DIVIDER */

.login-divider{

display:flex;

align-items:center;

gap:12px;

color:#666;

font-size:13px;

margin-bottom:20px;

}

.login-divider::before,
.login-divider::after{

content:"";

flex:1;

height:1px;

background:#222;

}


/* DISCORD BUTTON */

.discord-login{

width:100%;

display:flex;

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

gap:10px;

padding:12px;

background:#5865F2;

border:none;

border-radius:8px;

color:white;

font-weight:500;

cursor:pointer;

}

.discord-login img{
width:22px;
}


/* BOTAO FECHAR */

.login-close{

position:absolute;

top:14px;
right:14px;

background:none;

border:none;

color:#666;

font-size:20px;

cursor:pointer;

}

.login-close:hover{
color:white;
}