:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:#18333a;background:#eef2f1}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px);background:#fff;border:1px solid #dce5e2;border-radius:24px;padding:36px;box-shadow:0 20px 70px #193c3410}.brand{color:#287a66;font-weight:700;letter-spacing:.04em}h1{font-size:26px;margin:24px 0 12px}p{line-height:1.7;color:#647575}label{display:block;font-size:14px;margin-top:20px}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #bacbc5;border-radius:10px;background:#fff;color:#18333a;font:inherit}input:focus{outline:3px solid #a4d7c9}button{width:100%;border:0;border-radius:10px;background:#226f5c;color:white;font:inherit;font-weight:600;padding:14px;margin-top:26px;cursor:pointer}button:disabled{opacity:.6}.hint,.footer{font-size:12px}.footer{border-top:1px solid #e5ebe8;padding-top:20px;margin-top:28px}#message{color:#9e382e;min-height:24px}a{color:#226f5c}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{color:#e3eeeb;background:#111f23}main{background:#192a2e;border-color:#314449}input{background:#112126;color:#e3eeeb;border-color:#4c686b}p{color:#b3c6c4}a,.brand{color:#9adbc4}.footer{border-color:#314449}#message{color:#ffb4a6}}