*{box-sizing:border-box}body{color:#18243b;background:#f2f5f9;margin:0;font:16px system-ui}main{max-width:1050px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;gap:16px;display:flex}section,article{background:#fff;border:1px solid #d4dce8;border-radius:12px;margin:18px 0;padding:22px}label{margin:12px 0;display:block}input,textarea,select,button{font:inherit;border:1px solid #8c9ab0;border-radius:6px;max-width:100%;padding:10px}input,textarea{width:100%;margin-top:6px;display:block}button{cursor:pointer;color:#fff;background:#184ab8;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:wait}textarea{min-height:85px}#message{white-space:pre-wrap;color:#9e2424}small{color:#52617a}.row{flex-wrap:wrap;gap:10px;display:flex}h1{font-size:24px}h2{font-size:21px}h3{font-size:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0ac24}