*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182638;font:15px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:35px auto;padding:24px}header{margin-bottom:24px}h1{font-size:32px;margin:8px 0}h2{font-size:21px}section,article,form{background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:22px;margin:18px 0}section section{border:0;border-top:1px solid #ddd;border-radius:0}button,.login{background:#173b70;color:#fff;border:0;border-radius:7px;padding:10px 15px;margin:5px;cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:default}a{color:#175cb2}input,select{padding:10px;border:1px solid #adb9ca;border-radius:6px;display:block;max-width:100%;min-width:230px}label{display:inline-block;margin:10px 20px 10px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fb;padding:15px}details{margin:15px 0}summary{cursor:pointer;font-weight:600}[role=alert]{background:#fff0ee;padding:15px;color:#8c2020}.top{padding:18px 30px;background:#152e52;color:#fff;display:flex;gap:25px}.top a{color:#fff}.flex{display:flex;gap:8px;flex-wrap:wrap}