*{box-sizing:border-box}body{margin:0;background:#f2f7fb;color:#172832;font:17px/1.65 system-ui,sans-serif}main{max-width:840px;margin:auto;padding:28px 22px 60px}nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:36px}a{color:#173d60}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:23px;margin-top:34px}section{background:white;border-radius:20px;padding:24px;margin:22px 0}button,.cta{display:inline-block;border:0;border-radius:12px;background:#173d60;color:white;padding:13px 20px;font:inherit;cursor:pointer;text-decoration:none}textarea{width:100%;min-height:100px;padding:12px;font:inherit;border:1px solid #9baab5;border-radius:10px;overflow-wrap:anywhere}small{color:#4f626e}label{display:block;margin:12px 0}button:disabled{opacity:.6}footer{margin-top:36px;border-top:1px solid #cbd7df;padding-top:20px}#result{white-space:pre-wrap}