.head { margin-bottom:10px; }
.card { padding:16px; }
.field2 { margin-bottom:12px; }
.field2 label { display:block; font-size:12.5px; color:#5b6577; margin-bottom:6px; }
.field2 input, .field2 select { width:100%; height:44px; padding:0 12px; border:1px solid #dfe6f0;
  border-radius:10px; background:#fbfcfe; font-size:16px; }
.field2 input:focus, .field2 select:focus { border-color:#9db6dc; background:#fff; outline:none; }
.pick { position:relative; }
.pick-list { position:absolute; left:0; right:0; top:48px; background:#fff; border:1px solid #e2e8f2;
  border-radius:12px; box-shadow:0 12px 28px rgba(20,35,70,.14); max-height:280px; overflow-y:auto;
  z-index:9; display:none; }
.pick-item { display:flex; justify-content:space-between; gap:10px; padding:11px 13px; font-size:14px; cursor:pointer; }
.pick-item.on, .pick-item:hover { background:#f2f7ff; }
.pick-item .d { color:#8b94a5; font-size:12px; }
.amounts { display:grid; grid-template-columns:1fr 1fr 188px; gap:10px 12px; margin:4px 0 14px;
  align-items:end; }
.pair-sum { background:#f2f7ff; border:1px solid #e2ecfb; border-radius:10px; padding:7px 12px;
  height:44px; display:flex; flex-direction:column; justify-content:center; }
.ps-lab { font-size:11px; color:#6b83a6; line-height:1.2; }
.ps-val { font-size:15px; font-weight:700; color:#1f3864; font-variant-numeric:tabular-nums; }
.amt label { display:block; font-size:12.5px; color:#5b6577; margin-bottom:5px; }
.amt input { width:100%; height:44px; padding:0 12px; border:1px solid #dfe6f0; border-radius:10px;
  background:#fbfcfe; font-size:16px; text-align:right; }
.amt input:focus { border-color:#9db6dc; background:#fff; outline:none; }
.pay { display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  background:#f2f7ff; border:1px solid #e2ecfb; border-radius:12px; padding:12px 14px; margin-bottom:14px; }
.pay .lab { font-size:13px; color:#4a678f; }
.pay .big { font-size:22px; font-weight:700; color:#1f3864; font-variant-numeric:tabular-nums; }
.submit { width:100%; height:48px; font-size:16px; border-radius:12px; }
.msg { margin-top:12px; font-size:13.5px; line-height:1.7; }
.msg.ok { color:#2f6b3a; }
.msg.bad { color:#b23b2e; }
@media (max-width:640px) {
  .amounts { grid-template-columns:1fr 1fr; gap:10px; }
  .pair-sum { grid-column:1 / -1; height:auto; padding:8px 12px; flex-direction:row;
    align-items:baseline; gap:8px; }
}
.picked-bar { display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:#f7f9fc; border:1px solid #e8eef7; border-radius:11px; padding:10px 12px; margin-bottom:14px; }
.picked-bar b { font-size:14.5px; color:#1f3864; }
.agree { display:flex; align-items:flex-start; gap:8px; font-size:13.5px; color:#4a566b;
  margin:4px 0 14px; line-height:1.5; cursor:pointer; }
.agree input { width:18px; height:18px; margin-top:1px; flex:none; }
.lock-head { display:flex; align-items:center; gap:10px; font-size:13px; color:#6b7484; }
.ok-badge { background:#e8f5ec; color:#2f6b3a; border-radius:999px; padding:4px 10px; font-size:12.5px; font-weight:600; }
.lock-tip { font-size:13.5px; color:#4a566b; margin:6px 0 2px; line-height:1.7; }
.lock-contact { font-size:16px; font-weight:700; color:#1f3864; margin:6px 0 16px; }