:root{font-family:system-ui,-apple-system,sans-serif;color:#172f36;background:#f4f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#123b40;color:#fff;padding:22px 6%;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-weight:750;letter-spacing:.03em}.badge{font-size:12px;color:#bedbd4}main{max-width:1040px;padding:30px 24px 60px;margin:auto}nav{display:flex;gap:24px;border-bottom:1px solid #cfdbd7;margin-bottom:45px}nav a{padding:12px 0;text-decoration:none;color:#536a6b}nav a.active{color:#096759;border-bottom:3px solid #096759}.eyebrow{font-size:11px;letter-spacing:.15em;color:#527471;font-weight:700}h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.04em;margin:10px 0}h2{font-size:18px;margin:0 0 12px}.intro{color:#536a6b;line-height:1.6;margin-bottom:32px}section{background:#fff;border:1px solid #dce5e0;border-radius:12px;padding:26px;margin:20px 0}p{line-height:1.6}button{border:0;border-radius:6px;background:#106859;color:#fff;padding:12px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d49c30;outline-offset:4px}.error{background:#fff1ed;color:#9d3127;padding:14px;border-radius:6px}.success{color:#096759}pre{background:#f2f6f4;border:1px solid #e1e8e3;padding:16px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.row{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}footer{padding:24px;text-align:center;font-size:12px;color:#617a75}@media(max-width:550px){header{align-items:flex-start;flex-direction:column}section{padding:18px}}