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


body{

margin:0;

background:#050505;

color:white;

font-family:"Segoe UI",Arial,sans-serif;

}




.login-container{

height:100vh;

display:flex;

justify-content:center;

align-items:center;

}



.login-box{


width:380px;


padding:45px;


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


border-radius:30px;


border:1px solid rgba(255,255,255,.15);


backdrop-filter:blur(20px);


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


text-align:center;


}




.login-icon{


font-size:45px;


margin-bottom:20px;


color:#25F4EE;


}



.login-box h1{


font-size:45px;


margin:10px;


background:linear-gradient(90deg,#25F4EE,#ff0050);


-webkit-background-clip:text;


color:transparent;


}



.login-box p{


color:#ddd;


}



.login-box input{


width:100%;


padding:15px;


margin:10px 0;


border:none;


border-radius:15px;


background:#111;


color:white;


font-size:16px;


}



.login-box button{


width:100%;


padding:15px;


margin-top:20px;


border:0;


border-radius:50px;


background:linear-gradient(90deg,#ff0050,#ff3d8a);


color:white;


font-weight:bold;


cursor:pointer;


}



.login-box button:hover{


transform:translateY(-3px);


box-shadow:0 0 20px #ff0050;


}



.back-home{


display:block;


margin-top:25px;


color:#25F4EE;


text-decoration:none;


}



.error{


color:#ff5577;


margin:15px;

}