body{margin:0;background:#f4f5f7;color:#18202b;font:16px/1.6 system-ui}main{max-width:760px;margin:9vh auto;padding:36px;background:white;border:1px solid #dce1e7;border-radius:20px}h1{font-size:38px;line-height:1.2}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#536579}button{background:#153f59;color:white;border:0;border-radius:8px;padding:12px 20px;margin-right:12px;font:inherit;cursor:pointer}button:disabled{opacity:.5}output{font-weight:600}pre{white-space:pre-wrap;background:#eef2f5;padding:16px;border-radius:8px}@media(max-width:600px){main{margin:20px;padding:24px}h1{font-size:30px}}