*{box-sizing:border-box}body{margin:0;background:#f1f6fa;color:#203949;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:500px;background:white;border:1px solid #d7e5ec;border-radius:24px;padding:32px;box-shadow:0 20px 80px #193c5010}main>p:first-of-type{color:#347267;font-size:11px;font-weight:700;letter-spacing:.16em}h1{font-size:29px}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #aebfc9;border-radius:9px;font:inherit}button{width:100%;padding:14px;margin:10px 0 20px;border:0;border-radius:10px;background:#156c59;color:white;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.5}code{display:block;overflow-wrap:anywhere;background:#eff6f8;padding:10px}a{color:#215c75}.help{font-size:13px;color:#526e7f}[hidden]{display:none!important}#message{color:#9b3c24}pre{white-space:pre-wrap}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #1885b1;outline-offset:3px}