:root{--navy:#1B365D;--blue:#2E75B6;--sky:#8DB9DE;--teal:#3C9D9B;--gold:#C9A227;--rust:#B5543C;--bg:#F7FAFD;--panel:#E8F1F8;--text:#2B2B2B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Calibri,Carlito,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.top{background:var(--navy);color:#fff;padding:18px 0;border-bottom:4px solid var(--gold)}
.brand{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.06em}
h1{margin:4px 0 0;font-size:24px}h1 small{color:var(--sky);font-weight:400}
.lead{margin:18px 0}
.card{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(27,54,93,.12);padding:16px;margin:16px 0}
fieldset{border:0;border-left:4px solid var(--teal);background:var(--panel);border-radius:6px;margin:0 0 16px;padding:12px 14px}
legend{font-weight:700;color:var(--navy);padding:0;float:left;width:100%;margin-bottom:8px}
.grid{display:grid;grid-template-columns:1fr;gap:12px;clear:both}
label{display:flex;flex-direction:column;font-weight:600;color:var(--navy);font-size:15px;gap:6px}
input,select{font:inherit;font-weight:400;color:var(--text);min-height:48px;padding:10px 12px;border:1px solid #9AA5B1;border-radius:8px;background:#fff;width:100%}
input:focus,select:focus{outline:3px solid var(--sky);border-color:var(--blue)}
.radios{display:grid;grid-template-columns:1fr;gap:10px;clear:both}
.radio{flex-direction:row;align-items:center;gap:12px;min-height:48px;background:#fff;border:1px solid #9AA5B1;border-radius:8px;padding:8px 12px;font-weight:400;cursor:pointer}
.radio input{width:24px;height:24px;min-height:0;margin:0}
button,.btn{display:block;width:100%;min-height:52px;border:0;border-radius:8px;background:var(--navy);color:#fff;font:inherit;font-size:18px;font-weight:700;text-align:center;text-decoration:none;padding:14px;cursor:pointer}
button:disabled{opacity:.6}.btn.alt{background:var(--teal)}
.btns{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}
.err{background:#F8E7E2;border-left:4px solid var(--rust);padding:12px 14px;border-radius:6px;color:#7a2e1d;font-weight:600}
.ok h2{color:var(--navy);margin-top:0;border-bottom:3px solid var(--gold);padding-bottom:6px}
.sum{display:grid;grid-template-columns:1fr;gap:2px 16px;margin:0}.sum dt{font-weight:700;color:var(--navy);margin-top:8px}.sum dd{margin:0}
.hint{color:#5A6573;text-align:center}
.foot{color:#7F8C9A;font-size:12px;padding:16px;text-align:center}
a{color:var(--blue)}
@media (min-width:720px){
  .grid{grid-template-columns:1fr 1fr}.radios{grid-template-columns:1fr 1fr}.btns{grid-template-columns:1fr 1fr}
  .sum{grid-template-columns:220px 1fr}.sum dt{margin-top:0}
  button{width:auto;min-width:320px;margin:0 auto}.card{padding:24px}
}

.btn.share{background:var(--gold);color:#1B365D}
.note{font-size:13px;color:#5A6573}
.install{display:none;margin:12px 0 0}.install.show{display:block}
.offline{font-size:12px;color:#5A6573;text-align:center;margin-top:-8px}
[hidden]{display:none!important}
@font-face{font-family:Carlito;src:url(fonts/Carlito-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Carlito;src:url(fonts/Carlito-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}