:root{
    --red:#982d21;
    --yellow:#EAB32F;
    --bg:#f4f6fb;
}

body{
    margin:0;
    font-family:Arial;
    background:var(--bg);
}

/* LOGIN CENTER */
.login-wrapper{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* LOGIN CARD */
.login-card{
    width:350px;
    background:white;
    padding:30px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,0.1);
    text-align:center;
    border-top:5px solid var(--red);
}

input{
    width:100%;
    padding:12px;
    margin:8px 0;
    border:1px solid #ddd;
    border-radius:10px;
}

button{
    width:100%;
    padding:12px;
    border:none;
    background:var(--red);
    color:white;
    border-radius:10px;
    cursor:pointer;
}

button:hover{
    background:var(--yellow);
}