:root{
  --bg:#06111d;--panel:#0a1a2a;--panel2:#0e2236;--line:#20384d;
  --text:#f5f7fa;--muted:#9db0c3;--gold:#d6ae62;--gold2:#f0cf8d;
  --ok:#74d9ad;--shadow:0 30px 80px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 15% 10%,rgba(54,93,126,.28),transparent 34%),
radial-gradient(circle at 90% 80%,rgba(214,174,98,.10),transparent 32%),var(--bg);color:var(--text)}
body{min-height:100vh}
button,input,select{font:inherit}
.shell{min-height:100vh;display:grid;place-items:center;padding:20px}
.card{width:min(100%,620px);background:linear-gradient(180deg,rgba(14,34,54,.98),rgba(8,24,39,.98));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.brand{display:flex;gap:16px;align-items:center;padding:28px 28px 18px}
.mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:28px;color:#071422;background:linear-gradient(145deg,var(--gold2),var(--gold));box-shadow:0 8px 24px rgba(214,174,98,.25)}
.eyebrow,.label{margin:0 0 5px;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--gold2)}
h1{font-size:26px;line-height:1.08;margin:0}
.sub{margin:7px 0 0;color:var(--muted);font-size:14px}
.notice{margin:0 28px 18px;padding:10px 13px;border:1px solid #1f4154;background:#0c2432;border-radius:12px;color:#bed2de;font-size:12px;display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;background:var(--ok);border-radius:50%;box-shadow:0 0 14px rgba(116,217,173,.55)}
.form-block{border-top:1px solid var(--line);padding:24px 28px 28px}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
h2{font-size:19px;margin:0}
.lock{font-size:12px;color:#c8d6e3;padding:7px 9px;background:#0a1724;border:1px solid var(--line);border-radius:10px}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.route{appearance:none;border:1px solid var(--line);background:#091827;color:var(--text);border-radius:16px;padding:15px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer;transition:.16s ease}
.route:hover{transform:translateY(-1px);border-color:#39566f}
.route.active{border-color:var(--gold);box-shadow:0 0 0 1px rgba(214,174,98,.15) inset;background:#102335}
.flag{font-size:22px}
.route strong,.route small{display:block}
.route small{color:var(--muted);font-size:11px;margin-top:2px}
.fields{display:grid;gap:13px}
label span{display:block;color:#c9d6e2;font-size:12px;margin:0 0 7px}
input,select{width:100%;border:1px solid #294259;background:#071522;color:white;border-radius:13px;padding:14px 13px;outline:none}
input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,174,98,.11)}
.split{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}
.pay-btn{margin-top:18px;width:100%;border:0;border-radius:14px;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#071422;font-weight:900;letter-spacing:.04em;cursor:pointer}
.pay-btn:hover{filter:brightness(1.04)}
.pay-btn:disabled{opacity:.55;cursor:not-allowed}
.arrow{font-size:21px}
.bank-btn{margin-top:10px;width:100%;border:1px solid #304b63;border-radius:14px;padding:13px;background:#0a1b2b;color:#d7e3ec;font-weight:700;cursor:pointer}
.micro{font-size:11px;line-height:1.45;color:#8297aa;margin:14px 2px 0}
footer{display:flex;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid var(--line);font-size:10px;color:#748a9d;letter-spacing:.06em}
dialog{border:1px solid var(--line);border-radius:20px;background:#0a1a2a;color:var(--text);max-width:410px;width:calc(100% - 36px);padding:0;box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(0,8,15,.72);backdrop-filter:blur(6px)}
.dialog-inner{padding:26px;text-align:center}
.dialog-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#12382c;color:var(--ok);font-weight:900}
.dialog-inner h3{margin:0 0 8px}
.dialog-inner p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 18px}
.dialog-inner button{border:0;border-radius:12px;padding:11px 20px;background:var(--gold);font-weight:800;color:#071422}
@media(max-width:560px){
  .shell{padding:0}.card{border-radius:0;min-height:100vh;border-left:0;border-right:0}
  .brand{padding:24px 20px 16px}.form-block{padding:22px 20px 26px}.notice{margin:0 20px 16px}
  .route-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr 110px}
  footer{padding:16px 20px}.mark{width:52px;height:52px}
  h1{font-size:23px}
}