:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111416;color:#e2e8e7}body{display:grid;place-items:center;min-height:95svh;margin:0}form{display:grid;gap:16px;width:min(320px,85vw)}h1{font-size:24px;font-weight:550;margin:0 0 8px}input,button{font:inherit;padding:12px;border:1px solid #4c6060;border-radius:5px;background:#20292c;color:inherit}button{background:#a0d7c5;color:#111416;cursor:pointer}p{color:#f2cf9a;margin:0}input:focus-visible,button:focus-visible{outline:2px solid #a0d7c5;outline-offset:3px}[hidden]{display:none!important}