:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e5e7eb;--page-bg: #070b14;--page-bg-gradient: radial-gradient(circle at 20% 20%, #152238 0%, #0b1220 40%, #070b14 100%)}*{box-sizing:border-box}html{height:100%;background:var(--page-bg);overflow-x:hidden}body{margin:0;min-height:100%;background:var(--page-bg-gradient);background-color:var(--page-bg);overscroll-behavior-y:none}#root{min-height:100%;background:var(--page-bg-gradient);background-color:var(--page-bg)}.page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:16px 12px 20px}.card{width:100%;max-width:520px;border-radius:20px;padding:24px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.modern{position:relative;background:linear-gradient(165deg,rgba(17,24,39,.92),rgba(15,23,42,.95));border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 60px #00000073}.card--corner-chips{padding-top:54px}.card--bank-choice.card--corner-chips{padding-top:68px}.card--overlay-active{min-height:220px}.amount-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(96,165,250,.35);background:rgba(30,58,138,.35)}.amount-chip--corner{position:absolute;top:16px;left:14px;z-index:2}.amount-chip-value{font-size:15px;font-weight:700;color:#e0f2fe;white-space:nowrap}.amount-chip-currency{font-size:15px;font-weight:700;color:#bfdbfe;line-height:1}.timer-chip--corner{position:absolute;top:16px;right:14px;z-index:2}.pay-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pay-meta-row .amount-chip,.pay-meta-row .timer-chip{max-width:calc(50% - 6px)}.pay-meta-row .timer-chip{margin-left:auto}.pay-meta-row .timer-value{min-width:0}.card h1{margin:0 0 8px;font-size:22px;line-height:1.2;font-weight:700;color:#f8fafc}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.title-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.title-amount{color:#f8fafc;font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.timer-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.35)}.timer-label{color:#fecaca;font-size:11px;font-weight:600}.timer-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:700;color:#fecaca;min-width:4.5ch;text-align:right}.subtitle{margin:0 0 14px;color:#94a3b8;line-height:1.45;font-size:14px;max-width:100%}.bank-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bank-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:8px 12px;background:rgba(15,23,42,.7)}.bank-pill img{width:20px;height:20px}.bank-pill span{color:#f1f5f9;font-size:15px;font-weight:600}.bank-choice-prompt{margin:10px 0 14px;padding:0 4px;text-align:center;font-size:17px;font-weight:700;line-height:1.45;letter-spacing:.01em;color:#f1f5f9;text-wrap:balance;text-shadow:0 1px 12px rgba(56,189,248,.18)}.bank-choice-notice{margin:0 0 18px;padding:12px 14px;border-radius:12px;border:1px solid rgba(251,146,60,.55);background:rgba(251,146,60,.12);color:#fdba74;text-align:center;font-size:14px;font-weight:600;line-height:1.45;white-space:pre-line;text-wrap:balance}.pay-flow>.bank-choice-notice{margin:0}.bank-choice{margin-bottom:20px}.bank-row-select{gap:16px}.bank-select-btn{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:rgba(30,41,59,.85);color:#f1f5f9;font-size:17px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.bank-select-btn:hover:not(:disabled){background:rgba(51,65,85,.95);border-color:#e2e8f059}.bank-select-btn:disabled{opacity:.45;cursor:not-allowed}.bank-select-btn img{width:28px;height:28px}.loader-wrap.compact{margin-top:14px;padding:12px}.warning{background:rgba(254,243,199,.1);border:1px solid rgba(251,191,36,.35);color:#fde68a;border-radius:12px;padding:12px 14px;margin-bottom:10px;line-height:1.45;font-size:14px}.notice{border-radius:12px;padding:11px 13px;margin-top:10px;line-height:1.45;font-size:13px}.notice-info{background:rgba(59,130,246,.1);border:1px solid rgba(96,165,250,.35);color:#bfdbfe}.notice-retry{margin:0;padding:12px 14px;background:rgba(220,38,38,.12);border:1px solid rgba(248,113,113,.55);color:#ef4444;font-size:14px;font-weight:600}.notice-warn{background:rgba(239,68,68,.1);border:1px solid rgba(248,113,113,.4);color:#fecaca}.pay-flow,.top-grid{margin-top:12px;display:flex;flex-direction:column;gap:12px}.block{border-radius:16px;border:1px solid rgba(148,163,184,.2);background:rgba(2,6,23,.45);padding:14px}.block-title{color:#f8fafc;font-size:15px;font-weight:700;margin-bottom:10px}.pay-steps{margin:0;padding:0;list-style:none;color:#e2e8f0;line-height:1.45;font-size:14px}.pay-step+.pay-step{margin-top:14px}.pay-step-head{display:flex;align-items:flex-start;gap:12px}.pay-step-num{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid rgba(125,211,252,.45);background:linear-gradient(145deg,rgba(37,99,235,.35),rgba(15,23,42,.85));box-shadow:inset 0 1px #ffffff1f,0 2px 8px #2563eb2e;color:#e0f2fe;font-size:13px;font-weight:800;line-height:1}.pay-step-text{margin:4px 0 0;flex:1;min-width:0}.pay-step-head--with-bank{align-items:flex-start}.pay-step-copy{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.pay-step-copy-text{flex:1;min-width:0}.pay-step-bank-icon-wrap{width:28px;height:28px;margin-top:2px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.96);box-shadow:0 1px 4px #0f172a26}.pay-step-bank-icon{width:20px;height:20px;object-fit:contain;display:block}.pay-step-note{margin:6px 0 0;color:#94a3b8;font-size:13px;line-height:1.4}.pay-step-center{width:100%;display:flex;justify-content:center;margin-top:10px}.pay-step-with-hint,.pay-step-open-app{display:flex;flex-direction:column;align-items:stretch;gap:10px}.bank-hint-img{display:block;width:auto;height:auto;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.35)}.bank-hint-img--svg{max-width:72px;max-height:72px;width:72px;height:72px}.bank-hint-img--png.bank-hint-img--scanner,.bank-hint-img--png.bank-hint-img--gallery{max-width:72px;max-height:72px;width:auto;height:auto;object-fit:contain}.meta-card{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-item{border-radius:14px;border:1px solid rgba(148,163,184,.2);background:rgba(2,6,23,.55);padding:12px}.meta-item span{display:block;color:#94a3b8;font-size:13px;margin-bottom:5px}.meta-item strong{color:#f8fafc;font-size:17px;line-height:1.25;display:block;overflow-wrap:anywhere;font-weight:700}.amount{font-size:22px;font-weight:700;margin-top:16px}.meta{color:#4b5563;margin-top:6px}.qr-wrap{position:relative;margin-top:0;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0;border:1px solid rgba(148,163,184,.35)}.qr-image{width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain}.qr-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px}.qr-save-hint{margin:0;color:#94a3b8;font-size:13px;line-height:1.4;text-align:center}.btn-save-qr{position:relative;width:100%;text-align:center;font-size:15px;font-weight:700;padding:14px 18px;border-radius:12px;border:1px solid rgba(147,197,253,.42);background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(29,78,216,.42)),repeating-linear-gradient(-45deg,rgba(147,197,253,.06) 0,rgba(147,197,253,.06) 2px,transparent 2px,transparent 7px);box-shadow:inset 0 1px #ffffff14,0 6px 18px #2563eb29}.btn-save-qr:before,.btn-save-qr:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.55}.btn-save-qr:before{top:7px;left:7px;border-top:2px solid rgba(191,219,254,.75);border-left:2px solid rgba(191,219,254,.75)}.btn-save-qr:after{right:7px;bottom:7px;border-right:2px solid rgba(191,219,254,.75);border-bottom:2px solid rgba(191,219,254,.75)}.btn.btn-open-app--inline{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;font-size:15px;line-height:1.2;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn.btn-open-app--inline .btn-open-app-icon-wrap{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:0 0 24px;line-height:0;border-radius:6px;background:rgba(255,255,255,.96);box-shadow:0 1px 4px #0f172a2e}.btn.btn-open-app--inline .btn-open-app-icon{width:20px;height:20px;object-fit:contain;display:block}.btn.btn-open-app--inline .btn-open-app-text{display:inline;line-height:1.2;white-space:nowrap}.actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#f8fafc;text-decoration:none;border-radius:14px;padding:11px 16px;border:0;cursor:pointer;font-weight:650;font-size:15px}.btn.btn-secondary{background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.35)}.return-link{display:inline-block;margin-top:16px}.state{margin-top:16px;color:#e2e8f0;font-size:15px}.state.error{color:#fecaca}.loader-wrap{margin-top:18px;padding:18px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.35);display:flex;align-items:center;gap:10px}.payment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden;pointer-events:all}.payment-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(7,11,20,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payment-overlay-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.payment-overlay-label{margin:0;font-size:15px;font-weight:600;color:#e2e8f0;letter-spacing:.01em}.payment-spinner{position:relative;width:72px;height:72px}.payment-spinner-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;border:2px solid transparent;border-top-color:#38bdf8;border-right-color:#3b82f68c;animation:payment-orbit 1.1s cubic-bezier(.45,.05,.55,.95) infinite;box-shadow:0 0 28px #38bdf838}.payment-spinner-orbit--delay{top:8px;right:8px;bottom:8px;left:8px;border-radius:12px;border-top-color:#60a5fa;border-right-color:transparent;border-bottom-color:#2563eb73;animation-direction:reverse;animation-duration:.95s;box-shadow:none}.payment-spinner-core{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:9px;background:linear-gradient(145deg,rgba(37,99,235,.42),rgba(15,23,42,.95));border:1px solid rgba(125,211,252,.4);box-shadow:inset 0 1px #ffffff1a,0 8px 20px #2563eb40;animation:payment-core-pulse 1.5s ease-in-out infinite}@keyframes payment-orbit{to{transform:rotate(360deg)}}@keyframes payment-core-pulse{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1);opacity:1}}.spinner{width:18px;height:18px;border:2px solid rgba(148,163,184,.35);border-top-color:#22c55e;border-radius:50%;animation:spin .9s linear infinite}.state.success{color:#166534;font-weight:600}.result{margin-top:14px;border-radius:16px;border:1px solid transparent;padding:14px 16px}.result-title{font-size:18px;font-weight:700;margin-bottom:4px}.result-subtitle{font-size:14px;line-height:1.4}.result-success{background:rgba(34,197,94,.15);border-color:#22c55e80;color:#bbf7d0}.result-canceled{background:rgba(239,68,68,.14);border-color:#f8717173;color:#fecaca}.cancel-screen{max-width:760px;width:100%;border:1px solid rgba(248,113,113,.28)}.success-screen{max-width:760px;width:100%;border:1px solid rgba(34,197,94,.34)}.cancel-badge{display:inline-block;margin-bottom:16px;border-radius:999px;border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.45);color:#fecaca;font-size:13px;font-weight:700;letter-spacing:.01em;padding:6px 10px}.success-badge{display:inline-block;margin-bottom:16px;border-radius:999px;border:1px solid rgba(74,222,128,.55);background:rgba(20,83,45,.45);color:#bbf7d0;font-size:13px;font-weight:700;letter-spacing:.01em;padding:6px 10px}.cancel-subtitle{max-width:100%}.cancel-meta{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 760px){.page{min-height:auto;padding:12px 10px 16px}.card{padding:16px 14px;border-radius:14px}.card--corner-chips{padding-top:50px}.card--bank-choice.card--corner-chips{padding-top:62px}.bank-choice-prompt{margin-top:8px;margin-bottom:12px;font-size:16px}.bank-choice-notice{margin-bottom:16px;padding:11px 12px;font-size:13px}.amount-chip--corner{top:14px;left:12px}.timer-chip--corner{top:14px;right:12px}.subtitle{font-size:13px}.meta-card,.cancel-meta{grid-template-columns:1fr}.meta-item strong{font-size:16px}.qr-wrap{padding:12px}.bank-select-btn{padding:14px 16px;font-size:15px}}@media (min-width: 640px){.card{max-width:560px;padding:28px 24px}.page-column{max-width:560px}.card h1{font-size:24px}}@keyframes spin{to{transform:rotate(360deg)}}.page-column{width:100%;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.page-column--terminal{max-width:760px}.page-column>.card{margin-inline:auto}.page-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.meta-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.75);color:#f1f5f9;font-size:13px;min-width:0;box-sizing:border-box}.meta-chip-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.meta-chip-value{color:#f8fafc;font-size:13px;font-weight:700;line-height:1.2}.page-meta-row .lang-switcher{margin-left:auto;flex-shrink:0}.lang-switcher{display:flex;flex-direction:column;align-items:flex-end;position:relative;z-index:20;width:auto}.lang-switcher-inner{position:relative;width:auto}.lang-switcher-trigger{display:inline-flex;width:auto;min-height:34px;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.75);color:#f1f5f9;font-size:13px;cursor:pointer;box-sizing:border-box;transition:border-color .15s,background .15s}.lang-switcher-trigger:hover{border-color:#94a3b873;background:rgba(30,41,59,.85)}.lang-switcher-trigger-main{display:flex;align-items:center;gap:8px;min-width:0}.lang-switcher-flag{font-size:18px;line-height:1}.lang-switcher-text{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-switcher-chevron{width:18px;height:18px;opacity:.75;flex-shrink:0;transition:transform .2s}.lang-switcher-chevron.open{transform:rotate(180deg)}.lang-switcher-menu{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;width:max-content;min-width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:rgba(17,24,39,.98);box-shadow:0 16px 40px #00000073}.lang-switcher-item{display:flex;width:100%;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#e2e8f0;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;text-align:left;transition:background .15s}.lang-switcher-item:hover{background:rgba(51,65,85,.55)}.lang-switcher-item.active{background:rgba(59,130,246,.2);color:#bfdbfe}