:root{color-scheme:light;--ink:#202d3a;--muted:#5d6c78;--line:#dce3e4;--blue:#315e70;--red:#9c3d35}*{box-sizing:border-box}body{margin:0;background:#f5f6f4;color:var(--ink);font:16px/1.55 system-ui,sans-serif}main{max-width:680px;margin:0 auto;padding:48px 22px 80px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--blue)}h1{font:500 clamp(2.3rem,7vw,3.7rem)/1.08 Georgia,serif;margin:10px 0 20px}h2{font-size:1.2rem;margin:0 0 8px}p{margin:8px 0 16px}section,.note{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0}.note{background:#fff8ed}label{display:block;font-weight:600;margin:14px 0 5px}input{width:100%;padding:12px;border:1px solid #aab9bf;border-radius:8px;font:inherit}button{border:0;border-radius:9px;padding:12px 16px;background:var(--blue);color:white;font:600 1rem system-ui;cursor:pointer;margin:10px 8px 0 0}.danger{background:var(--red)}.secondary{background:#e6edef;color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #699bb1;outline-offset:3px}#message{color:var(--muted);min-height:1.5em}[hidden]{display:none!important}
