*{box-sizing:border-box}body{color:#17293b;background:#f4f6f8;margin:0;font:16px/1.55 system-ui,sans-serif}main{max-width:900px;margin:40px auto;padding:24px}h1{font-size:2.6rem;line-height:1.1}header p{color:#4b6073}section{background:#fff;border:1px solid #d9e1e7;border-radius:8px;margin:24px 0;padding:24px}.notice,footer{color:#526173;font-size:.9rem}label{text-transform:capitalize;margin:12px 0;display:block}input,select{width:100%;font:inherit;border:1px solid #8295a5;border-radius:4px;padding:10px;display:block}button{font:inherit;color:#fff;cursor:pointer;background:#185e78;border:0;border-radius:4px;padding:8px 16px}button:disabled{opacity:.5;cursor:default}li{margin:12px 0}article{border-top:1px solid #d9e1e7;padding:12px 0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d49400}