.mf{max-width:720px;margin:0 auto 40px;font-size:15px;line-height:1.8}
.mf__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mf__h{margin:26px 0 8px;padding:9px 13px;background:#22406b;color:#fff;
  font-size:16px;font-weight:bold;border-radius:4px}
.mf__lead{margin:0 0 14px;font-size:13px;color:#5a6b80}
.mf__row{border:1px solid #e2e7ee;border-radius:6px;padding:12px 14px 4px;margin:0 0 12px}
.mf__row legend{padding:0 6px;font-size:13px;color:#5a6b80}
.mf__f{margin:0 0 12px}
.mf__f label{display:block;margin-bottom:4px;font-size:13px;color:#3d4f66}
.mf__f input,.mf__f select,.mf__f textarea{width:100%;box-sizing:border-box;
  padding:10px 12px;border:1px solid #c9d3df;border-radius:4px;font-size:15px;
  font-family:inherit;background:#fff}
.mf__f input:focus,.mf__f select:focus,.mf__f textarea:focus{outline:2px solid #22406b;
  outline-offset:-1px}
.mf__req{display:inline-block;margin-left:6px;padding:1px 6px;background:#c0392b;
  color:#fff;font-size:11px;border-radius:3px;vertical-align:1px}
.mf__ts{margin:18px 0 0}
.mf__submit{display:block;width:100%;margin:22px 0 0;padding:16px;border:0;
  border-radius:4px;background:#e8a33d;color:#10233f;font-size:17px;font-weight:bold;
  cursor:pointer}
.mf__submit:hover{background:#d8942e}
.mf__submit:disabled{opacity:.6;cursor:default}
.mf__result{margin:14px 0 0;font-size:14px;color:#22406b;min-height:1.6em}
@media(min-width:600px){
  .mf__row{display:grid;grid-template-columns:2fr 1fr 1.4fr .6fr 1.2fr;gap:10px;
    align-items:end;padding:14px}
  .mf__row legend{grid-column:1/-1}
  .mf__row .mf__f{margin-bottom:8px}
}