:root{color:#202b36;font-synthesis:none;background:#f2f4f0;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:64px 24px 28px}.eyebrow,.number{letter-spacing:.12em;color:#426857;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(30px,5vw,48px)}header p,.hint,footer{color:#59685e;line-height:1.7}.grid{grid-template-columns:1.15fr 1fr;gap:24px;margin-top:40px;display:grid}section{background:#fff;border:1px solid #d7dfd5;border-radius:16px;padding:28px}h2{margin:12px 0 26px;font-size:23px}label{margin:18px 0 8px;font-size:14px;font-weight:600;display:block}textarea,input,select{width:100%;color:inherit;font:inherit;background:#fcfdfb;border:1px solid #b7c5b8;border-radius:8px;padding:12px}textarea{resize:vertical;font:14px/1.6 ui-monospace,monospace}input[readonly],textarea[readonly]{background:#f2f5ef}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:#285541;border:1px solid #285541;border-radius:8px;padding:11px 16px}button.secondary{color:#285541;background:#fff}button:hover{filter:brightness(.92)}:focus-visible{outline-offset:3px;outline:3px solid #bc893d}.error{color:#a52828;overflow-wrap:anywhere}footer{margin-top:32px;font-size:13px}@media (width<=760px){main{padding-top:32px}.grid{grid-template-columns:1fr}section{padding:22px}}