:root{font:17px/1.6 system-ui,sans-serif;color:#e6efeb;background:#10211f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:8vh auto;padding:24px}header span{font-size:25px;letter-spacing:.2em;color:#f4a34c}header p,.note{color:#abc1b8}h1{font-size:clamp(30px,6vw,46px);line-height:1.2;margin-top:48px}h2{font-size:21px}form,article{padding:24px;margin:24px 0;background:#1b302b;border:1px solid #355048;border-radius:18px}label{display:block;margin-bottom:20px}input{display:block;width:100%;padding:14px;border:1px solid #627e72;border-radius:9px;background:#10211f;color:inherit;font:inherit}button{padding:13px 20px;margin:6px 8px 6px 0;border:1px solid #91c4ad;border-radius:10px;background:#b9e6d2;color:#10211f;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #f4a34c;outline-offset:3px}#message{color:#ffd498}.note{font-size:14px}[hidden]{display:none}