@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/archivo-latin-700-normal-D9cHMWGj.woff2)format("woff2"),url(/assets/archivo-latin-700-normal-lT5TFe7H.woff)format("woff")}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Archivo", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Archivo Black", "Archivo", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--paper:#eff4f4;--paper-raised:#fff;--ink:#0e2226;--ink-soft:#5c7076;--seal:#075055;--seal-contrast:#fff;--seal-soft:#dceaea;--live:#29abe2;--live-soft:#e2f2fa;--btn-bg:var(--seal);--btn-text:var(--seal-contrast);--btn-border:var(--seal);--valid:#1f7d4a;--valid-soft:#dcefe3;--amber:#c07f14;--amber-soft:#f5e7ce;--danger:#b62317;--danger-soft:#f6dedb;--line:#d3e0e1;--disabled:#dfe9ea;--disabled-text:#9db3b6;--shadow:0 20px 40px -24px #0e222659}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0a1618;--paper-raised:#13262a;--ink:#e6f0f0;--ink-soft:#8fa8ac;--seal:#35b3a8;--seal-contrast:#062024;--seal-soft:#1b3a38;--live:#29abe2;--live-soft:#12303d;--btn-bg:var(--seal);--btn-text:var(--seal-contrast);--btn-border:var(--seal);--valid:#43b273;--valid-soft:#1d3527;--amber:#e2a83f;--amber-soft:#3d2f14;--danger:#e8695c;--danger-soft:#3a211d;--line:#23383c;--disabled:#23383c;--disabled-text:#5c7076;--shadow:0 20px 40px -24px #0009}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0}.label-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-size:10px;font-weight:700}.field-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.live-indicator{color:var(--live);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 25%, transparent);border-radius:50%;flex:none}#root{justify-content:center;min-height:100vh;display:flex}.page{background:var(--paper-raised);flex-direction:column;width:100%;max-width:420px;min-height:100vh;display:flex}.page-body{flex-direction:column;flex:1;gap:18px;padding:24px 20px 32px;display:flex}.title-block{flex-direction:column;gap:8px;display:flex}.title-help{color:var(--ink-soft);font-size:14.5px;line-height:1.5}.title-help b{font-family:var(--font-mono);color:var(--ink);font-weight:700}.app-header-bar{background:var(--seal);align-items:center;gap:12px;padding:16px 20px;display:flex}.app-header-bar img{width:auto;height:44px;display:block}.progress{background:var(--line);height:5px;display:flex}.progress span{background:0 0;flex:1;height:100%}.progress span.done{background:var(--seal)}.context-card{background:var(--seal-soft);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.context-card .place{color:var(--seal);font-size:12px;font-weight:700}.context-card .amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px;font-weight:700}h1.heading,h2.heading{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:30px;font-weight:400;line-height:1.06}.heading-on-band{font-size:28px}.list{flex-direction:column;gap:10px;display:flex}.card{border:1.5px solid var(--line);background:var(--paper-raised);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.card:hover:not(:disabled){border-color:var(--seal)}.card:disabled{opacity:.55;cursor:not-allowed}.card.selected{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-soft)}.field.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%235c7076' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.field.field-select:invalid{color:var(--ink-soft)}.field.field-select option{color:var(--ink)}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card.option{text-align:center;flex-direction:column;justify-content:center;gap:8px}.option-note{text-align:left;margin-top:8px}.card .logo{object-fit:contain;flex:none;width:44px;height:28px}.card .name{font-size:15px;font-weight:700}.card .hint{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.card .chev{color:var(--ink-soft);font-size:18px}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--disabled-text);background:var(--line);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.phone-field{border:1.5px solid var(--line);background:var(--paper-raised);border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.phone-field:focus-within{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-soft)}.phone-field .prefix{font-family:var(--font-mono);color:var(--ink-soft);flex:none;font-size:18px}.phone-field .divider{background:var(--line);flex:none;width:1px;height:26px}.phone-field input{font-family:var(--font-mono);color:var(--ink);background:0 0;border:none;outline:none;width:100%;padding:15px 0;font-size:20px}.otp-boxes{gap:8px;display:flex}.otp-box{font-family:var(--font-mono);text-align:center;border:1.5px solid var(--line);background:var(--paper-raised);width:100%;min-width:0;color:var(--ink);border-radius:10px;outline:none;padding:14px 0;font-size:24px;font-weight:700}.otp-box:focus{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-soft)}.summary-card{background:var(--paper);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.summary-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.summary-row span:first-child{color:var(--ink-soft);font-size:13.5px}.summary-row span:last-child{font-family:var(--font-mono);font-size:15px;font-weight:700}.summary-row.total{border-top:1px solid var(--line);padding-top:10px}.summary-row.total:first-child{border-top:none;padding-top:0}.summary-row.total span:first-child{color:var(--ink);font-size:14.5px;font-weight:600}.summary-row.total span:last-child{color:var(--seal);font-size:24px}.chip-row{align-items:center;gap:8px;display:flex}.chip{background:var(--seal-soft);color:var(--seal);border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.chip button{color:var(--seal);cursor:pointer;background:0 0;border:none;margin:-10px -8px -10px -2px;padding:10px 8px;font-size:12px;font-weight:700}.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field{border:1.5px solid var(--line);font-variant-numeric:tabular-nums;width:100%;color:var(--ink);background:var(--paper-raised);border-radius:12px;padding:13px 14px;font-family:inherit;font-size:17px}.field:focus{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-soft);outline:none}.field-error{border-color:var(--danger)}.field-error-message{color:var(--danger);margin-top:6px;font-size:12.5px}.field-group{flex-direction:column;gap:14px;display:flex}.btn,.btn-secondary,.btn-text,.btn-danger{border:1.5px solid var(--btn-border);text-align:center;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-body);border-radius:10px;min-height:48px;padding:14px}.btn{background:var(--btn-bg);color:var(--btn-text)}.btn-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.btn:disabled{background:var(--disabled);border-color:var(--disabled);color:var(--disabled-text);cursor:not-allowed}.btn-secondary{border-color:var(--seal);color:var(--seal);background:0 0}.btn-secondary:disabled{border-color:var(--disabled);color:var(--disabled-text);cursor:not-allowed;background:0 0}.btn-text{color:var(--seal);background:0 0;border-color:#0000}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.microcopy{color:var(--ink-soft);text-align:center;font-size:11.5px}.link-line{text-align:center;color:var(--seal);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:700}.otp-meta{justify-content:space-between;align-items:center;display:flex}.timer{font-family:var(--font-mono);color:var(--amber);background:var(--amber-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.4}.notice-banner{background:var(--amber-soft);color:var(--amber);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.4}.spacer{flex:1}.status-band{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 20px 26px;display:flex}.status-band.success{background:var(--valid)}.status-band.failed{background:var(--danger)}.status-band .status-icon{width:56px;height:56px;font-family:var(--font-mono);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.status-band.success .status-icon{color:var(--valid)}.status-band.failed .status-icon{color:var(--danger)}.status-band .status-heading{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;margin:0;font-size:28px;line-height:1.06}.status-band .status-amount{font-family:var(--font-mono);color:#fff;font-size:30px;font-weight:700}.status-band .status-sub{color:#ffffffd9;font-size:14px}.status-pending{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding-top:12px;display:flex}.status-pending-icon{background:var(--amber-soft);border:2px solid color-mix(in srgb, var(--amber) 45%, var(--amber-soft));width:96px;height:96px;font-family:var(--font-mono);color:var(--amber);border-radius:999px;justify-content:center;align-items:center;font-size:34px;font-weight:700;display:flex}.merci-actions{flex-direction:column;gap:10px;width:100%;display:flex}.status-pending-icon.merci-icon{background:var(--valid-soft);border-color:color-mix(in srgb, var(--valid) 45%, var(--valid-soft));color:var(--valid)}.status-pending .status-pending-body{color:var(--ink-soft);max-width:32ch;margin:0;font-size:15px;line-height:1.55}.live-pill{background:var(--paper);border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.detail-card{background:var(--paper);text-align:left;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:18px;display:flex}.detail-row{justify-content:space-between;gap:12px;display:flex}.detail-row span:first-child{color:var(--ink-soft);font-size:13px}.detail-row span:last-child{font-size:13.5px;font-weight:600}.detail-row .mono{font-family:var(--font-mono);font-weight:400}.detail-divider{background:var(--line);height:1px}.instruction-banner{border:1.5px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.instruction-banner .instruction-icon{font-family:var(--font-mono);color:var(--seal);font-size:16px}.instruction-banner span:last-child{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.instruction-banner b{color:var(--ink)}.forget-payer{text-align:left;padding:8px 0 0;display:block}.failure-reason{background:var(--danger-soft);border-radius:12px;flex-direction:column;gap:6px;padding:18px;display:flex}.failure-reason-title{color:var(--danger);font-size:14.5px;font-weight:600}.failure-reason-body{color:var(--danger);font-size:13.5px;line-height:1.5}.ref{font-family:var(--font-mono);background:var(--paper);border:1px solid var(--line);letter-spacing:.02em;border-radius:10px;padding:8px 14px;font-size:13px}.ref-inline{font-family:var(--font-mono);letter-spacing:.01em;font-size:12.5px}.centered-loader{color:var(--ink-soft);flex:1;justify-content:center;align-items:center;font-size:13.5px;display:flex}.receipt{border:1.5px solid var(--line);border-radius:14px;padding:4px 16px}.receipt-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:13.5px;display:flex}.receipt-row:last-child{border-bottom:none}.receipt-row span{color:var(--ink-soft);flex:none}.receipt-row strong{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block}.receipt-logo{align-self:center;width:150px;height:auto;margin-bottom:16px}body,.page{color:#000;max-width:none;min-height:0;box-shadow:none;background:#fff}.status-band,.receipt{break-inside:avoid}.receipt{background:#fff;border-color:#000}.receipt-row{border-bottom-color:#ccc}.status-band{border-bottom:2px solid #000;background:#fff!important}.status-band .status-icon{background:#fff;border:1.5px solid #000;color:#000!important}.status-band .status-heading,.status-band .status-amount,.status-band .status-sub{color:#000!important}}