*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#182537;font:16px/1.6 system-ui,sans-serif}main{max-width:700px;margin:40px auto;padding:28px;background:#fff;border:1px solid #d3dbe6;border-radius:16px}h1{margin:0;font-size:30px}h2{font-size:22px}label{display:block;font-weight:650;margin-top:22px}input,button{font:inherit;min-height:48px;border-radius:8px}input{width:100%;border:1px solid #77869a;padding:10px;margin:8px 0 16px}button{background:#194b97;color:white;border:0;padding:10px 20px;cursor:pointer}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2f8;padding:16px;border-radius:8px;font-size:14px}input:focus-visible,button:focus-visible{outline:3px solid #ffab32;outline-offset:3px}@media(max-width:720px){main{margin:16px;padding:20px}h1{font-size:26px}}