:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;background:#f4f1e9;color:#26334a;min-height:100vh;display:grid;place-items:center}main{max-width:390px;margin:32px;padding:32px;background:#fff;border:1px solid #ddd5c8;border-radius:12px}h1{font-size:26px}p{line-height:1.6;color:#566174}label{display:block;margin:22px 0 12px}input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;margin-top:8px;border:1px solid #acb3bf;border-radius:6px;background:white;color:#26334a}button{width:100%;padding:13px;font:inherit;border:0;border-radius:6px;background:#243953;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#message{min-height:24px;color:#9e3930}input:focus-visible,button:focus-visible{outline:3px solid #a45b36;outline-offset:3px}@media(prefers-color-scheme:dark){body{background:#171d26;color:#ece9e2}main{background:#242c38;border-color:#46505e}p{color:#bec7d5}input{background:#171d26;color:#ece9e2}button{background:#526b8d}}