:root{--ink:#163851;--blue:#104a75;--light:#f2f6fa;--border:#dbe5ee;--muted:#5e7587;--gold:#edab53}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font:15px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--light);color:var(--ink);margin:0;min-width:320px;overflow-x:clip}
img{max-width:100%;height:auto}a{color:#11608c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e9b566;outline-offset:2px}
header{background:white;display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;padding:13px max(23px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--border);box-shadow:0 2px 10px rgba(20,55,76,.04)}
header img{width:56px;height:56px;border-radius:50%;object-fit:contain;vertical-align:middle}
header strong,header b{font-size:14px;color:#123554;letter-spacing:.02em}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 21px}
nav a{font-size:13px;font-weight:780;text-decoration:none;white-space:nowrap}
nav a:hover{text-decoration:underline}
main{width:min(100%,1040px);padding:0 22px;margin:36px auto 58px}
main .panel{background:white;padding:clamp(20px,3.7vw,37px);border:1px solid var(--border);border-radius:14px;box-shadow:0 15px 42px rgba(17,51,80,.06);max-width:100%}
h1{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.02em;color:#123a5b;line-height:1.25;margin:0 0 15px}
h2{color:#123a5b;font-size:22px;line-height:1.35}
p{color:var(--muted);line-height:1.72;overflow-wrap:anywhere}
form{max-width:100%}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
label{display:block;font-size:13px;line-height:1.5;font-weight:800;margin:15px 0 7px;color:#1c425e}
input,select,textarea{font:inherit;width:100%;max-width:100%;background:#fff;border:1px solid #cbd9e5;color:#193c58;border-radius:8px;padding:12px 13px;min-height:47px;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:#246f9a}
textarea{min-height:96px;resize:vertical}
button{font:inherit;background:#10507d;color:white;border:0;border-radius:8px;padding:12px 17px;min-height:46px;cursor:pointer;font-weight:780;transition:background .2s}
button:hover{background:#176593}button:disabled{opacity:.55;cursor:not-allowed}
.msg{padding:11px 13px;border:1px solid #d7e6f1;background:#edf5fa;color:#245273;border-radius:8px;min-height:20px}
.card{padding:19px;border:1px solid var(--border);border-radius:10px;margin:14px 0;background:white}
.pill{display:inline-block;padding:5px 11px;border-radius:30px;background:#ebf3f9;font-size:12px;font-weight:800}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.muted{color:#667d8e}
footer{text-align:center;padding:28px 20px;color:#748a9a}
[hidden]{display:none!important}
@media(max-width:780px){header{padding:12px 20px;gap:11px}header strong{font-size:12px}main{margin:24px auto 40px}.grid{gap:8px 13px}}
@media(max-width:600px){header{justify-content:center;text-align:center}header strong{flex:1;min-width:calc(100% - 85px);text-align:left}header nav{width:100%;justify-content:center;gap:8px 15px;border-top:1px solid #eaf0f5;padding-top:9px}header nav a{font-size:12px;white-space:normal}main{padding:0 13px;margin:18px auto 36px}.panel{padding:18px!important}.grid{grid-template-columns:1fr}form button{max-width:100%}h1{font-size:25px}}
@media(max-width:400px){header img{width:45px;height:45px}header strong{font-size:11px}}