:root{color-scheme:dark;--paper:#101a22;--ink:#edf0e9;--accent:#c9ec8c;--line:#42505c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:70px 32px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}header{border-top:6px solid var(--accent);padding-top:16px}.label{font:12px monospace;letter-spacing:.12em;color:var(--accent)}h1{font:clamp(40px,6vw,70px)/1.05 Georgia,serif;margin:26px 0}h2{font:26px Georgia,serif}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px}input{display:block;width:100%;padding:12px;margin-top:7px;background:#182731;border:1px solid var(--line);color:var(--ink);font:inherit}button{background:var(--accent);border:0;color:#162219;padding:12px 18px;margin-top:20px;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:default}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid var(--accent);padding:16px;background:#182731;font-size:14px}.note{color:#c7ccc6;font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:10px}@media(max-width:700px){main{grid-template-columns:1fr;padding:30px 20px;gap:25px}}