:root{font-family:system-ui,sans-serif;color:#173f4a;background:#f2f6f4}body{margin:0;padding:48px 20px}main{max-width:650px;margin:auto;background:white;padding:40px;border:1px solid #d9e5df;border-radius:16px}.brand{font-size:12px;font-weight:800;letter-spacing:2px;color:#296541}h1{font-size:30px;line-height:1.2}h2{font-size:19px}p{line-height:1.6}section{border-top:1px solid #d9e5df;margin-top:28px;padding-top:12px}button{border:0;background:#276644;color:white;padding:12px 18px;border-radius:6px;font-weight:650;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #00496b;outline-offset:3px}label{display:block;margin:20px 0 8px}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #a7bdb3;border-radius:5px;font-family:monospace;margin-bottom:12px}.small{font-size:13px;color:#52656b}@media(max-width:500px){body{padding:16px}main{padding:24px}h1{font-size:25px}}