/* ==========================================
   LOGIN
========================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

background:#edf1f5;

}

.login-page{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:120px 20px 60px;

background:
linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
url("../images/login-bg.jpg") center center no-repeat;

background-size:cover;

}

.login-box{

width:100%;

max-width:500px;

background:rgba(255,255,255,.97);

padding:45px;

border-radius:18px;

box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.login-logo{

text-align:center;

margin-bottom:35px;

}

.login-logo h1{

font-size:42px;

color:#E50914;

margin-bottom:10px;

}

.login-logo p{

color:#666;

line-height:1.7;

}

.form-group{

margin-bottom:20px;

}

.form-group label{

display:block;

margin-bottom:8px;

font-weight:600;

}

.form-group input{

width:100%;

height:52px;

padding:0 15px;

border:1px solid #ddd;

border-radius:10px;

font-size:15px;

}

.form-group input:focus{

outline:none;

border-color:#E50914;

box-shadow:0 0 0 3px rgba(229,9,20,.12);

}

.password-box{

position:relative;

}

.password-box input{

padding-right:55px;

}

.toggle-password{

position:absolute;

top:0;

right:0;

width:55px;

height:52px;

background:none;

border:none;

cursor:pointer;

font-size:20px;

}

.form-option{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:25px;

font-size:14px;

}

.form-option a{

text-decoration:none;

color:#E50914;

}

.btn-login{

width:100%;

height:55px;

background:#E50914;

border:none;

border-radius:10px;

color:#fff;

font-size:18px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.btn-login:hover{

background:#c40812;

}

.login-footer{

margin-top:25px;

text-align:center;

}

.login-footer a{

color:#E50914;

text-decoration:none;

font-weight:600;

}

.alert-error{

background:#ffe8e8;

padding:15px;

border-radius:10px;

color:#c00;

margin-bottom:20px;

}

.alert-success{

background:#eaf8ea;

padding:15px;

border-radius:10px;

color:#0b8b2b;

margin-bottom:20px;

}

@media(max-width:576px){

.login-box{

padding:30px;

}

.login-logo h1{

font-size:32px;

}

}