/* =======================================================
   BANZAI-DOJO
   MITGLIEDER LOGIN / LOGIN.CSS
======================================================= */

:root{
--red:#d6001c;
--dark:#070707;
--card:#101010;
--text:#f5f5f5;
--muted:#b8b8b8;
}

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

body{
font-family:'Poppins',sans-serif;
background:linear-gradient(180deg,#090909,#050505);
color:var(--text);
min-height:100vh;
padding:20px;
overflow-x:hidden;
}

.login-box{
width:100%;
max-width:480px;
margin:140px auto 40px auto;
background:var(--card);
border:1px solid rgba(214,0,28,0.25);
border-radius:28px;
padding:50px;
box-shadow:0 20px 60px rgba(0,0,0,0.45);
text-align:center;
}

.logo{
width:120px;
margin:0 auto 30px;
display:block;
}

h1{
font-size:2.2rem;
margin-bottom:18px;
}

p{
color:var(--muted);
margin-bottom:35px;
line-height:1.7;
}

input{
width:100%;
padding:18px;
margin-bottom:18px;
border-radius:14px;
border:1px solid #222;
background:#0b0b0b;
color:#fff;
font-size:1rem;
}

button{
width:100%;
padding:18px;
border:none;
border-radius:999px;
background:var(--red);
color:#fff;
font-size:1rem;
font-weight:700;
cursor:pointer;
transition:0.3s;
}

button:hover{
transform:translateY(-2px);
}

.info{
margin-top:24px;
font-size:0.9rem;
color:#777;
}

@media(max-width:600px){

.login-box{
padding:35px 25px;
margin:130px auto 30px auto;
}

h1{
font-size:1.8rem;
}

}