body {

    margin:0;

    height:100vh;

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

    font-family:Arial, Helvetica, sans-serif;

    background:#1b1b1b;

}



.login-container {

    width:350px;

    background:#ffffff;

    padding:35px;

    border-radius:10px;

    box-shadow:0 8px 25px rgba(0,0,0,0.4);

}



.login-title {

    text-align:center;

    margin-bottom:25px;

}



.login-title h1 {

    margin:0;

    font-size:28px;

    color:#222;

}



.login-title p {

    margin-top:8px;

    color:#666;

    font-size:14px;

}



.login-form input {

    width:100%;

    box-sizing:border-box;

    padding:12px;

    margin-bottom:15px;

    font-size:16px;

    border:1px solid #ccc;

    border-radius:5px;

}



.login-form input:focus {

    outline:none;

    border-color:#0078d7;

}



.login-form button {

    width:100%;

    padding:12px;

    font-size:16px;

    font-weight:bold;

    color:white;

    background:#0078d7;

    border:none;

    border-radius:5px;

    cursor:pointer;

}



.login-form button:hover {

    background:#005fa3;

}



.login-footer {

    margin-top:20px;

    text-align:center;

    font-size:12px;

    color:#888;

}