body{margin:0;background:#f4f9fa;color:#16313a;font:17px/1.65 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:24px}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:28px}nav strong{margin-right:auto;color:#008b83}a{color:#007d76}article{padding:clamp(20px,5vw,42px);border-radius:24px;background:white;box-shadow:0 10px 40px #002a3310}h1{line-height:1.2}h2{font-size:1.3em;margin-top:28px}input[type=email]{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #89aaa9;border-radius:10px;margin:8px 0 16px}button{font:inherit;color:white;background:#007d76;border:0;border-radius:12px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.55}footer{margin-top:24px;color:#536d76}