*{box-sizing:border-box}body{font:16px/1.5 system-ui,sans-serif;background:#f1f5f3;color:#163c34;margin:0;padding:8vh 20px}main{max-width:680px;margin:auto;background:white;border:1px solid #dbe6e0;border-radius:22px;padding:32px;box-shadow:0 20px 60px #163c340c}h1{font-size:28px}form{max-width:360px}label{display:block;margin:18px 0}input{display:block;width:100%;border:1px solid #bdcdc4;border-radius:9px;padding:12px;font:inherit}button{border:0;background:#17624e;color:white;padding:12px 20px;border-radius:9px;font:inherit;cursor:pointer}button:disabled{opacity:.5}.secondary{float:right;background:#e7f0eb;color:#163c34}p{white-space:pre-wrap;overflow-wrap:anywhere}