.payment-route-pending{overflow:hidden}
.payment-route-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px}
.payment-route-backdrop{position:absolute;inset:0;background:rgba(3,9,17,.82);backdrop-filter:blur(12px);animation:routeFade .22s ease both}
.payment-route-card{position:relative;width:min(720px,100%);overflow:hidden;padding:22px;border:1px solid #31536a;border-radius:22px;background:linear-gradient(145deg,#14283b,#0c1928 68%,#111b2a);box-shadow:0 35px 100px #000b,0 0 0 1px #ffffff08 inset;animation:routeEnter .28s cubic-bezier(.2,.8,.2,1) both}
.payment-route-card:before{content:"";position:absolute;inset:-150px -90px auto auto;width:330px;height:260px;border-radius:50%;background:radial-gradient(circle,#37d2bd24,transparent 68%);pointer-events:none}
.payment-route-head{position:relative;display:flex;align-items:center;gap:13px}
.payment-route-emblem{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #3b7f7d;border-radius:14px;background:linear-gradient(145deg,#205159,#173746);color:#7ce5d4;box-shadow:0 0 24px #35d3bd20}
.payment-route-emblem svg,.payment-route-option-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.payment-route-head span{display:block;color:#6edccb;font-size:10.5px;font-weight:900;letter-spacing:.13em}
.payment-route-head h2{margin:3px 0 0;color:#f7fbfd;font-size:clamp(22px,3vw,30px);letter-spacing:-.04em}
.payment-route-card>p{position:relative;margin:11px 0 18px;color:#a8bdcd;font-size:13px}
.payment-route-options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.payment-route-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:126px;padding:15px;border:1px solid #315168;border-radius:16px;background:linear-gradient(145deg,#192e42,#132537);color:#eaf4fa;text-align:left;cursor:pointer;transition:.2s}
.payment-route-option:hover,.payment-route-option:focus-visible{transform:translateY(-2px);outline:0;border-color:#55cdbc;box-shadow:0 16px 35px #02081280,0 0 24px #42ceb61c}
.payment-route-option-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#20455a;color:#92d9e7}
.payment-route-option.bank .payment-route-option-icon{background:#254d45;color:#82e1bd}
.payment-route-option.card .payment-route-option-icon{background:#4c3c25;color:#f4ca84}
.payment-route-option>span:nth-child(2){display:grid;gap:4px}
.payment-route-option strong{font-size:15px}
.payment-route-option small{color:#9db4c4;font-size:11px;line-height:1.35}
.payment-route-option>b{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #2e4b60;color:#75ddcd;font-size:11px;letter-spacing:.03em}
.payment-route-option.card>b{color:#f0c77f}
.payment-route-option i{font-style:normal;font-size:16px;transition:transform .18s}
.payment-route-option:hover i{transform:translateX(3px)}
.payment-route-option:disabled{cursor:wait;opacity:.72}
.payment-route-option.is-loading{border-color:#53d2bf}
.payment-route-option.is-loading i{animation:routeArrow .7s ease infinite}
.payment-route-note{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #29465b;color:#829dad;font-size:10.5px;font-weight:700}
.payment-route-note span{color:#55d1be}
.payment-route-message{min-height:16px;margin-top:7px;color:#8ee7d7;text-align:center;font-size:11px;font-weight:800}
.payment-route-message.is-error{color:#ff9b91}
.payment-route-modal.is-closing{pointer-events:none;animation:routeExit .22s ease both}
@keyframes routeFade{from{opacity:0}to{opacity:1}}
@keyframes routeEnter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes routeExit{to{opacity:0;transform:scale(.985)}}
@keyframes routeArrow{50%{transform:translateX(4px)}}
@media(max-width:620px){.payment-route-modal{padding:12px}.payment-route-card{padding:17px;border-radius:17px}.payment-route-options{grid-template-columns:1fr}.payment-route-option{min-height:105px}.payment-route-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.payment-route-backdrop,.payment-route-card,.payment-route-modal.is-closing,.payment-route-option.is-loading i{animation:none}.payment-route-option{transition:none}}