*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef1f2;color:#1c2a30;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{width:100%;max-width:26rem;padding:1rem}
form{background:#fff;border:1px solid #d3dbde;border-radius:10px;padding:1.5rem 1.25rem;box-shadow:0 1px 3px rgba(36,68,78,.08)}
h1{margin:0 0 .5rem;font:600 1.4rem/1.25 Georgia,"Times New Roman",serif;color:#24444e}
.lede{margin:0 0 1.25rem;color:#4a5b62}
label{display:block;font-weight:600;margin-bottom:.25rem}
input[type=password]{width:100%;font:inherit;padding:.65rem .75rem;border:1px solid #9fb0b6;border-radius:6px;background:#fff}
input[type=password]:focus{outline:2px solid #24444e;outline-offset:1px}
.remember{display:flex;gap:.5rem;align-items:center;font-weight:400;margin:.9rem 0 1.25rem}
.remember input{width:1.1rem;height:1.1rem;accent-color:#24444e}
button{width:100%;font:inherit;font-weight:600;padding:.7rem;border:0;border-radius:6px;background:#24444e;color:#fff;cursor:pointer}
button:hover{background:#1b343c}
.error{margin:0 0 1rem;padding:.55rem .75rem;border-radius:6px;background:#f7e4e1;color:#8a2a1c}
@media (prefers-color-scheme:dark){
body{background:#14191b;color:#e3eaec}
form{background:#1c2427;border-color:#2c3a3f}
h1{color:#a9cbd6}.lede{color:#9db0b6}
input[type=password]{background:#101618;border-color:#41555c;color:#e3eaec}
input[type=password]:focus{outline-color:#a9cbd6}
button{background:#3d7587}button:hover{background:#4a8a9e}
.error{background:#3a1f1b;color:#f2b8ae}}