:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#202820;background:#f6f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:64px 24px}header{padding-bottom:36px;border-bottom:1px solid #20282018}h1{font-size:clamp(32px,6vw,52px);font-weight:500;letter-spacing:-.04em;max-width:18ch}h2{font-weight:500}p{line-height:1.6;max-width:60ch}section{padding:24px 0}article{background:#fff;border:1px solid #20282018;border-radius:16px;padding:24px;margin:16px 0}button,input{font:inherit}button{cursor:pointer;background:#244d39;color:#fff;border:0;border-radius:8px;padding:10px 16px}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid #387cba;outline-offset:2px}input{padding:10px;max-width:100%}label{display:block;margin:14px 0}a{color:#244d39}.error{color:#a12222}.dev{padding:12px 16px;background:#e6eddc;border-radius:8px}