:root{font-family:system-ui,sans-serif;color:#16323d;background:#edf4f5;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px;min-height:100vh;display:grid;place-items:center}main{width:min(100%,560px);background:white;border:1px solid #cddde0;border-radius:18px;padding:clamp(24px,6vw,48px);box-shadow:0 16px 50px #12333e12}.brand{font-size:22px;letter-spacing:.14em;font-weight:700}.brand span{display:block;letter-spacing:.03em;font-size:14px;font-weight:400;color:#55717b}nav{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0}nav button{font-size:13px;background:#edf4f5;color:#16323d;padding:8px 12px}h1{font-size:clamp(25px,5vw,32px);line-height:1.2}p{line-height:1.6}button{cursor:pointer;border:0;border-radius:8px;padding:13px 18px;background:#176479;color:white;font:inherit}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #df990d;outline-offset:3px}a{display:block;color:#176479;margin:24px 0}small{display:block;color:#55717b;line-height:1.5}[hidden]{display:none!important}