body {
    margin:0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:#f5f7fb;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.login-box {
    background:#fff;
    padding:24px 20px;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,0.12);
    max-width:340px;
    width:100%;
}

.login-box h1 {
    margin:0 0 16px;
    font-size:22px;
    text-align:center;
}

.login-box label {
    font-size:14px;
    margin-bottom:4px;
    align-self:flex-start;
}

.login-box input[type=password] {
    width:100%;
    padding:9px 10px;
    margin-bottom:14px;
    border-radius:6px;
    border:1px solid #ccc;
    font-size:14px;
    box-sizing:border-box;
}

.login-box button {
    width:100%;
    padding:9px 10px;
    background:#0079b5;
    border:none;
    color:#fff;
    border-radius:6px;
    font-size:15px;
    cursor:pointer;
}

.login-box button:hover {
    background:#005f87;
}

.error {
    color:#c00;
    font-size:13px;
    margin-bottom:10px;
    text-align:center;
}

form {
    display:flex;
    flex-direction:column;
    gap:4px;
}