:root{--bg: #eef1f5;--card: #ffffff;--ink: #0f172a;--muted: #94a3b8;--line: #ebedf1;--soft: #f6f8fb;--primary: #2563eb;--primary-press: #1d4ed8;--green: #16a34a;--red: #dc2626;--warn-bg: #fffbeb;--warn-line: #fde68a;--warn-ink: #92400e}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100vh;padding:16px}.form-header{width:100%;max-width:440px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px;font-size:14px}.form-header .lang{color:var(--muted);font-weight:600}.form-header .secure{color:var(--green);font-weight:700}.card{width:100%;max-width:440px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 34px #0f172a0d}.amount-card{border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.cur-sign{font-size:.5em;font-weight:600;color:var(--muted);vertical-align:baseline}.amount-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.amount-value{font-size:34px;font-weight:800;letter-spacing:-.5px}.amount-sub{font-size:13px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:15px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.btn.block{width:100%}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-press)}.btn.primary:disabled{background:#9db4e8;cursor:default}.btn.ghost{background:#fff;color:var(--primary);border-color:#cfdcff}.btn.ghost:hover{background:#f4f7ff}.btn.success{background:var(--green);color:#fff;flex:1 1 auto}.btn.success:hover{background:#128a3e}.btn.outline{background:#fff;color:var(--ink);border-color:var(--line);flex:0 0 auto;padding-left:26px;padding-right:26px}.btn-row{display:flex;gap:12px}.trust-block{border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.ssl{color:var(--green);font-weight:700;font-size:14px}.pay-logos{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}.paylogo{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-weight:800;font-size:13px;letter-spacing:.04em}.paylogo.visa{color:#1a1f71}.paylogo.mc{color:#eb001b}.paylogo.mir{color:#0f754e}.paylogo.sbp{color:#5b2d8e}.post-claim{display:flex;flex-direction:column;gap:8px}.thanks{font-weight:700}.receipt{display:flex;flex-direction:column;gap:10px;margin-top:4px}.receipt h3{font-size:15px}.dropzone{display:flex;align-items:center;justify-content:center;text-align:center;min-height:86px;padding:14px;border:2px dashed #cfdcff;border-radius:14px;background:var(--soft);color:var(--muted);cursor:pointer}.dropzone.has{border-style:solid;border-color:var(--green);color:var(--ink);font-weight:600}.receipt-err{color:var(--red);font-size:13px}.reqs{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.reqs li{display:flex;align-items:center;gap:6px}.req-check{color:var(--green);flex-shrink:0}.receipt.done{flex-direction:row;align-items:center;gap:10px;font-weight:600}.small-icon{width:32px;height:32px;font-size:18px;margin:0}.page-foot{text-align:center;color:var(--muted);font-size:13px;margin:12px auto 0}.deeplink-hero{display:grid;gap:12px}.deeplink-cta{display:flex;flex-direction:column;gap:10px}.qr-wrap{display:none}.qr-wrap.show{display:flex}@media (min-width: 760px){.form-header,.page-foot{max-width:460px}.form-header.wide,.page-foot.wide{max-width:860px}.card.deeplink-layout{max-width:860px;display:grid;column-gap:22px;row-gap:16px;grid-template-columns:1.15fr .85fr;grid-template-areas:"head head" "title title" "hero hero" "req warn" "req trust" "acc acc" "act act";align-items:start}.card.deeplink-layout>.form-header{grid-area:head;max-width:none;width:auto;margin:0;padding:0 2px 4px}.card.deeplink-layout>.form-title{grid-area:title;margin:0;padding:0 2px}.card.deeplink-layout>.amount-card{grid-area:amount}.card.deeplink-layout>.deeplink-hero{grid-area:hero;grid-template-columns:1fr auto;align-items:center;column-gap:24px}.card.deeplink-layout>.req-block{grid-area:req}.card.deeplink-layout>.warn{grid-area:warn}.card.deeplink-layout>.trust-block{grid-area:trust}.card.deeplink-layout>.accordion{grid-area:acc}.card.deeplink-layout>.actions,.card.deeplink-layout>.post-claim{grid-area:act}.card.deeplink-layout>.actions{flex-wrap:nowrap;justify-content:space-between}.card.deeplink-layout>.actions .timer{order:0;flex-basis:auto}.card.deeplink-layout>.actions .act-pay,.card.deeplink-layout>.actions .act-cancel{flex:0 0 auto}.deeplink-layout .qr-wrap{display:flex!important}.deeplink-layout .toggle-qr{display:none}}.hint{text-align:center;font-size:13px;color:var(--muted);margin-top:-4px}.qr-wrap{flex-direction:column;align-items:center;gap:8px;padding:8px 0}.qr-wrap .muted.small{font-size:12px;line-height:1.4;text-align:center;max-width:170px}.qr{padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.qr.qr-img{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.qr.qr-img img{width:176px;height:176px;display:block;opacity:0;transition:opacity .2s ease}.qr.qr-img img.shown{opacity:1}.qr-skeleton{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:linear-gradient(100deg,#eef1f6 30%,#f7f9fc,#eef1f6 70%);background-size:200% 100%;animation:qr-shimmer 1.2s infinite linear}@keyframes qr-shimmer{to{background-position:-200% 0}}.qr-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;width:176px;text-align:center;font-size:13px;color:var(--muted)}.qr-lead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.req-block{border:1px solid var(--line);border-radius:18px;padding:0 20px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.row+.row{border-top:1px solid var(--line)}.row-label{color:var(--muted);font-size:13px;font-weight:500;flex:0 0 auto}.row-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;font-weight:700;font-size:15px;flex:1 1 auto;min-width:0}.row-value b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.copy{flex-shrink:0;border:none;background:transparent;color:var(--primary);font-size:16px;cursor:pointer;padding:2px 4px}.warn{display:flex;gap:10px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:16px;padding:15px 17px;font-size:13px;line-height:1.5}.warn-ico{flex-shrink:0;color:#d9930a;margin-top:1px}.lang,.secure,.ssl,.timer,.accordion-title,.file-name{display:inline-flex;align-items:center;gap:6px}.page-foot{display:flex;align-items:center;justify-content:center;gap:6px}.copy{display:inline-flex;align-items:center}.accordion{border:1px solid var(--line);border-radius:14px;overflow:hidden}.accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--soft);border:none;padding:14px 16px;font:inherit;font-weight:600;cursor:pointer}.accordion.open .chevron{transform:rotate(180deg)}.chevron{transition:transform .15s;color:var(--muted)}.accordion-body{padding:6px 16px 14px}.steps{margin-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#334155}.steps-num{list-style:none;display:flex;flex-direction:column}.steps-num li{display:flex;align-items:flex-start;gap:13px;padding:13px 0}.steps-num li+li{border-top:1px solid #f1f5f9}.step-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.step-text{font-size:14px;font-weight:500;line-height:1.5;color:#334155;padding-top:3px}.pending{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px 0}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.actions .timer{order:-1;flex-basis:100%;text-align:center}.act-pay,.act-cancel{flex:1 1 0}.timer{color:#64748b;font-weight:600}.timer-val{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums}.timer.urgent{color:var(--red)}.muted{color:var(--muted)}.small{font-size:13px}.status{text-align:center;align-items:center;padding:36px 22px}.status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;margin-bottom:4px}.status-icon.success{background:var(--green)}.status-icon.error{background:var(--red)}.form-title,.pay-heading{display:none}.form-title-left h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.form-id{margin-top:6px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:500;font-size:13px}.form-id .copy{border:none;background:none;color:var(--muted);cursor:pointer;display:inline-flex;padding:2px}.form-title-amount{display:flex;flex-direction:column;align-items:flex-end}.form-title-amount .amount-value{font-size:34px}.form-title-amount .cur-sign{font-size:1em;font-weight:800;color:var(--ink)}.pay-heading{font-size:15px;font-weight:600;color:#475569}@media (min-width: 760px){.form-title{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:860px;margin:4px auto 16px;padding:0 4px}.pay-heading{display:block}.card.deeplink-layout>.amount-card{display:none}.card.deeplink-layout>.deeplink-hero{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.card.deeplink-layout .deeplink-cta .btn.primary.block{width:auto;align-self:flex-start;padding:16px 28px}.card.deeplink-layout .deeplink-cta .hint{text-align:left;max-width:300px;margin-top:14px}.page{background:#f4f6f9}.page-foot.wide{display:none}.card.deeplink-layout{background:#eef1f5;border:none;border-radius:18px;box-shadow:0 30px 60px -28px #0f172a47,0 0 0 1px #0f172a0d;padding:26px 32px 32px}.card.deeplink-layout>.req-block,.card.deeplink-layout>.trust-block,.card.deeplink-layout>.accordion{background:var(--card);box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.accordion .accordion-head{background:var(--card)}.card.deeplink-layout>.deeplink-hero{box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.deeplink-hero .qr-wrap{border-left:1px solid #eef1f5;padding-left:24px}.card.deeplink-layout .accordion-body .steps-num{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.card.deeplink-layout .accordion-body .steps-num li{border-top:none;border-bottom:1px solid #f1f5f9}.card.deeplink-layout .accordion-body .steps-num li:last-child{border-bottom:none}.card.deeplink-layout>.actions .act-pay{padding:16px 36px}.card.deeplink-layout>.actions .act-cancel{padding:16px 30px}}
