*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 15% 10%,#295e49,transparent 60%),#102f29;font:16px/1.5 system-ui,sans-serif;color:#193e31;padding:24px}main{width:min(460px,100%);padding:40px;background:#fcfefd;border-radius:20px;box-shadow:0 20px 80px #0003;border-top:4px solid #caab60}.mark{letter-spacing:.18em;font-size:14px;color:#42765b}h1{font-size:28px;line-height:1.2;font-weight:600;margin:24px 0 12px}p,small{color:#61756a}label{display:block;font-size:14px;font-weight:600;margin-top:20px}input{display:block;width:100%;border:1px solid #b8ccc0;border-radius:8px;padding:12px;margin-top:6px;font:inherit}input:focus{outline:2px solid #729e86;outline-offset:2px}button{width:100%;border:0;border-radius:8px;background:#286c50;color:white;padding:13px;margin-top:24px;font:600 15px system-ui;cursor:pointer}.secondary{background:#eaf2ed;color:#305b45;margin-top:12px}button:disabled{opacity:.6;cursor:wait}#message{color:#9b322b;font-size:14px}small{display:block;margin-top:30px}form[hidden]{display:none}#qr{display:block;margin:12px auto;border:1px solid #b8ccc0;border-radius:8px}code,pre{font:14px/1.6 ui-monospace,monospace;background:#eaf2ed;border-radius:6px;padding:2px 6px;word-break:break-all}pre{padding:12px;font-size:16px;letter-spacing:.05em}section[hidden],label[hidden]{display:none}