:root{font:16px/1.6 system-ui,sans-serif;color:#253b39;background:#f2f5f3}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:0 auto;padding:64px 28px}h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:8px 0 16px}h2{font-size:21px;margin:12px 0}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.1em;color:#24776b}.intro{color:#526964;max-width:700px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}section{background:white;border:1px solid #dce5e0;border-radius:14px;padding:28px}.number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5f2eb;color:#1f7768;font-weight:700}label{display:block;margin-top:24px;font-weight:600}input{display:block;width:100%;margin:8px 0 20px;padding:10px;border:1px solid #ccd9d3;border-radius:5px;font-size:14px}button{display:block;background:#20776a;border:0;border-radius:6px;color:white;font:inherit;font-weight:600;padding:12px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #759fdd;outline-offset:3px}.hint{color:#657870;font-size:14px;margin-top:20px}code{font-size:.9em}#result{border-left:4px solid #277d6c;padding:12px 18px;background:#e9f0ec;min-height:56px;overflow-wrap:anywhere}aside{font-size:14px;max-width:840px;color:#596d64;margin-top:32px}aside h2{font-size:16px}@media(max-width:700px){main{padding:28px 18px}.steps{grid-template-columns:1fr}section{padding:22px}}