*{box-sizing:border-box}body{margin:0;padding:24px;background:#101811;color:#e7e9dc;font:16px system-ui}main{max-width:800px;margin:auto;padding:clamp(18px,4vw,40px);background:#1b2720;border:1px solid #465544;border-radius:20px}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#e8c780}h1{font:700 32px Georgia}h2{font-size:21px;margin-top:28px}p,li{line-height:1.7;color:#ced4c4}li{margin:10px 0}label{display:block;margin:18px 0}input,textarea,button,.button{font:inherit;border-radius:10px;padding:12px;max-width:100%}input,textarea{width:100%;background:#101811;color:#fff;border:1px solid #65775d}button,.button{background:#e8c780;color:#152018;border:0;display:inline-block;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a7e3a1;outline-offset:3px}[hidden]{display:none!important}