:root{color-scheme:light dark;font:16px/1.7 system-ui,sans-serif;background:#f5f3ec;color:#10252c}body{margin:0;padding:24px}main{max-width:660px;margin:8vh auto;background:#fffdf8;border:1px solid #c7d0ce;border-radius:16px;padding:clamp(20px,5vw,40px)}h1{line-height:1.2}a{color:#006c72;text-underline-offset:3px}code{overflow-wrap:anywhere}@media(prefers-color-scheme:dark){:root{background:#0e191d;color:#f5f3ec}main{background:#17282d;border-color:#3f585e}a{color:#3fe1e3}}
form{display:grid;gap:10px}label{font-weight:650;margin-top:12px}input,select,textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #71888a;border-radius:7px;background:transparent;color:inherit}textarea{resize:vertical}small{font-size:.85rem}button{font:inherit;font-weight:650;padding:12px 18px;background:#006c72;color:#fff;border:0;border-radius:7px;cursor:pointer;justify-self:start;margin-top:14px}:focus-visible{outline:3px solid #a64411;outline-offset:3px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cf-turnstile{min-height:140px}option{color:#10252c;background:#fffdf8}@media(max-width:400px){body{padding:10px}main{padding:16px;margin:18px auto}}