:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#eef0ee;color:#16211f}body{margin:0;padding:24px}.login{max-width:380px;margin:10vh auto;padding:24px;border:1px solid #cfd6d2;border-radius:4px;background:#fbfcfb}h1{font-family:"Arial Narrow",sans-serif;letter-spacing:.04em;font-size:42px;margin:0}p{color:#55645f;line-height:1.5}form{display:grid;gap:12px}input,button{font:inherit;padding:12px;border:1px solid #55645f;border-radius:4px;min-width:0}button{background:#c2570c;color:white;cursor:pointer;font-weight:600}input:focus-visible,button:focus-visible{outline:3px solid #0f5c5a;outline-offset:2px}@media(prefers-color-scheme:dark){:root{background:#101a19;color:#e6efec}.login{background:#172422;border-color:#2e423e}p{color:#9db1ab}input{background:#1f302d;color:#e6efec}}