:root{--ink:#1d2420;--muted:#5b6660;--paper:#f6f4ef;--brand:#1f4d3a;--warn:#a3321f;color:var(--ink);background:var(--paper);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.page{max-width:28rem;margin:0 auto;padding:2rem 1rem}h1{color:var(--brand);margin:0 0 1.5rem;font-size:1.5rem}form{gap:1rem;display:grid}.field{gap:.25rem;display:grid}.field span{font-weight:600}input{font:inherit;background:#fff;border:1px solid #b8bfb9;border-radius:.5rem;padding:.75rem}input:focus{outline-offset:1px;outline:3px solid #e0b04a}button{font:inherit;background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:.5rem;padding:.8rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--brand);border:1px solid var(--brand);background:0 0;margin-top:1rem}.problem{color:var(--warn);margin:0}.note{background:#e6efe9;border-radius:.5rem;padding:.75rem}.hint,.muted{color:var(--muted);margin:0}.qr{background:#fff;width:14rem;height:14rem;margin:1rem auto;display:block}.prose h2{color:var(--brand);margin:1.75rem 0 .5rem;font-size:1.15rem}.prose p,.prose li{margin:0 0 .75rem}.prose ol,.prose ul{margin:0 0 .75rem;padding-left:1.25rem}.prose a{color:var(--brand)}.lead{font-size:1.1rem}.footer{color:var(--muted);border-top:1px solid #d9dcd6;gap:.25rem;margin-top:2.5rem;padding-top:1rem;font-size:.9rem;display:grid}