body {

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

    background: #f8f5f2;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

}

.login-box {

    background: white;

    padding: 30px;

    width: 320px;

    border-radius: 12px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}

h2 {

    text-align: center;

    color: #6b3e26;

    margin-bottom: 20px;

}

.login-form {

    display: flex;

    flex-direction: column;

    gap: 12px;

}

.login-form input {

    padding: 10px;

    border-radius: 6px;

    border: 1px solid #ccc;

}

.login-btn {

    padding: 10px;

    background: #6b3e26;

    color: white;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    font-weight: bold;

}

.login-btn:hover {

    background: #d2691e;

}

#error-message {

    color: red;

    text-align: center;

}