body.magc-login{

background:#0f1116;
font-family:Arial,Helvetica,sans-serif;

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

height:100vh;

color:white;

}

.login-container{

background:#1d2027;

padding:40px;

border-radius:10px;

width:320px;

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

}

.login-container h1{

text-align:center;

margin-bottom:20px;

}

.login-container input{

width:100%;

padding:10px;

margin-bottom:12px;

border:none;

border-radius:5px;

background:#2b2f38;

color:white;

}

.login-container button{

width:100%;

padding:10px;

background:#ff2b2b;

border:none;

border-radius:5px;

color:white;

font-weight:bold;

cursor:pointer;

}

.login-container button:hover{

background:#ff4444;

}

#loginError{

margin-top:10px;

color:#ff4a4a;

text-align:center;

}