body{

background:#111318;

font-family:Outfit,sans-serif;

display:flex;

justify-content:center;

align-items:center;

height:100vh;

margin:0;

color:white;

}

.login-box{

width:420px;

background:#1A1E24;

padding:40px;

border-radius:18px;

border:1px solid #2C323B;

}

.login-box h1{

font-size:38px;

margin-bottom:10px;

}

.login-box p{

color:#9CA3AF;

margin-bottom:35px;

}

input{

width:100%;

padding:15px;

margin-bottom:18px;

background:#101216;

border:1px solid #303844;

color:white;

border-radius:10px;

font-size:15px;

}

input:focus{

outline:none;

border-color:#D9A441;

}

button{

width:100%;

padding:15px;

background:#D9A441;

border:none;

border-radius:10px;

font-weight:bold;

cursor:pointer;

margin-top:5px;

}

button:hover{

opacity:.9;

}

.error{

background:#742B2B;

padding:14px;

border-radius:8px;

margin-bottom:20px;

}

a{

display:block;

margin-top:20px;

text-align:center;

color:#D9A441;

text-decoration:none;

}