:root{--accent:#e10707;--ink:#1a1a1a;--selected:#333;--text:#262626;--muted:#6b7280;--faint:#9aa0ac;--line:#ececec;--field:#ddd;--disabled:#c7cbd1;--ok:#2e7d42;--ok-bg:#e8f5ec;--warn:#b45309}*{box-sizing:border-box}html,body{background:0 0;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input{font-family:inherit}h1,.step-label,.title-font{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:420px;margin:0 auto;padding:32px;display:flex;position:relative;box-shadow:0 1px 3px #1414140f,0 10px 28px #1414140f}.modal .card{box-shadow:none;border:0;border-radius:16px}.fullscreen{background:#fff;min-height:100vh}.fullscreen .card{border-radius:0}@media (max-width:400px){.card{padding:24px 20px}}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.campaign-name{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.brand-mark{flex:none;display:block}.step-count{color:var(--faint);white-space:nowrap;font-size:11px;font-weight:600}.close{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0 0 0 8px;font-size:22px;line-height:1}h1{color:var(--ink);margin:0;font-size:20px;font-weight:700;line-height:1.3}.desc{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.divider{background:var(--line);height:1px}.block{flex-direction:column;gap:8px;display:flex}.step-label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.label-row{justify-content:space-between;align-items:baseline;display:flex}.secure-tag{color:var(--faint);font-size:10px}.choice-row{gap:8px;display:flex}.choice{border:1.5px solid var(--field);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:background .12s,border-color .12s}.choice.on{background:var(--selected);border-color:var(--selected);color:#fff}.amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.amounts.cols-1{grid-template-columns:minmax(0,1fr)}.amounts.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width:360px){.amounts.cols-3 .amount{font-size:14px}}.amount{border:1.5px solid var(--field);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;padding:12px 0;font-size:16px;font-weight:700;transition:background .12s,border-color .12s}.amount.on{background:var(--accent);border-color:var(--accent);color:#fff}.methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.methods.cols-1{grid-template-columns:minmax(0,1fr)}.methods.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.method{border:1.5px solid var(--field);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:10px 0;font-size:13px;font-weight:600}.method.on{background:var(--accent);border-color:var(--accent);color:#fff}.method:disabled{color:var(--disabled);cursor:not-allowed;opacity:.6}.note{color:var(--faint);font-size:11px;line-height:1.4}.hint{color:var(--muted);font-size:12px}.hint.warn,.field-error{color:var(--warn)}.field-error{margin-top:-2px;font-size:12px}.input{border:1.5px solid var(--field);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:15px}.input:focus,.input.filled-money{border-color:var(--accent)}.input.invalid{border-color:var(--warn)}.input::placeholder{color:var(--faint)}@media (pointer:coarse){.input{font-size:16px}}.row{gap:8px;display:flex}.row>*{flex:1;min-width:0}.row .narrow{flex:0 0 110px}.row .uf{text-transform:uppercase;flex:0 0 64px}.cta{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 24%, transparent);border:0;border-radius:12px;margin-top:4px;padding:15px 0;font-size:16px;font-weight:700}.cta:disabled{opacity:.6;cursor:wait}.cta.busy{cursor:wait;justify-content:center;align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite weren-spin}@keyframes weren-spin{to{transform:rotate(360deg)}}.screen{flex-direction:column;gap:14px;animation:.28s ease-out both weren-screen-in;display:flex}@keyframes weren-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen{animation:none}.spinner{animation-duration:1.6s}}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:600}.summary{border:1px solid var(--line);background:#fafafa;border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.summary .summary-amount{color:var(--ink);letter-spacing:-.5px;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(26px,8vw,32px);font-weight:700;line-height:1.15}.summary .summary-amount small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:15px;font-weight:600}.summary .summary-meta{color:var(--muted);font-size:13px}.summary .summary-meta b{color:var(--accent);font-weight:700}.secure-footer{color:var(--faint);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.notice{background:#fff8f1;border:1px solid #f5d9bc;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.notice strong{color:var(--ink);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}.notice p{margin:0;font-size:13px;line-height:1.5}.notice .calm{color:var(--muted);font-size:12px}.notice .actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.notice .actions button,.notice .actions a{border:1.5px solid var(--field);color:var(--text);cursor:pointer;background:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}.notice .actions .wa{color:var(--ok);border-color:#bfe3c9}.done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0;display:flex}.done .check{background:var(--ok-bg);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.done strong{color:var(--ink);font-size:16px}.done p{color:var(--muted);max-width:280px;margin:0;font-size:13px;line-height:1.5}.secondary{border:1.5px solid var(--field);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600}.offline{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.offline strong{color:var(--ink);font-size:14px}.offline .offline-thanks{color:var(--ok);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px}.offline p{color:var(--muted);max-width:320px;margin:0;font-size:13px;line-height:1.5}.offline .small{color:var(--faint);font-size:11px}.offline .line{color:var(--text);word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:180px;height:180px}.barcode{object-fit:contain;width:100%;max-height:64px}.placeholder{color:var(--faint);background:#f2f2f2;border:1px dashed #c9c9c9;place-items:center;font-size:12px;display:grid}.qr.placeholder{width:160px;height:160px}.barcode.placeholder{letter-spacing:.1em;border-radius:10px;height:64px}.offline-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}a.secondary{text-decoration:none;display:inline-block}.copy-manual{text-align:center;flex-basis:100%;width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px}.hybrid{color:var(--muted);font-size:12px}.hybrid summary{cursor:pointer}.hybrid .qr{width:160px;height:160px;margin-top:8px}.upsell{border:1.5px solid color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 5%, #fff);border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.upsell strong{color:var(--ink);font-size:15px}.upsell p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.upsell .small{color:var(--faint);font-size:11px}.upsell .cta{margin-top:2px}.upsell-links{justify-content:center;gap:18px;display:flex}.link{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.done-upsell{background:var(--ok-bg);border-color:#bfe3c9}.done-upsell strong{color:var(--ok)}.loading{text-align:center;color:var(--faint);padding:48px 0;font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.custom-field{flex-direction:column;gap:6px;display:flex}select.input{-webkit-appearance:auto;appearance:auto;background:#fff}.yesno{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.yesno legend{width:100%;color:var(--muted,#6b7280);margin-bottom:6px;padding:0;font-size:13px}.yesno label{text-align:center;cursor:pointer;border:1.5px solid #ddd;border-radius:10px;flex:1;padding:10px 12px;font-weight:600;position:relative}.yesno label.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, #fff)}.yesno input{opacity:0;width:1px;height:1px;position:absolute}.yesno label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.yesno.invalid label{border-color:var(--warn)}.privacy-note{text-align:center;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.privacy-note a{color:var(--muted);text-decoration:underline}.hp-field{opacity:0;width:1px;height:1px;top:auto;left:-10000px;overflow:hidden;position:absolute!important}.field-note{color:var(--muted);margin:-2px 0 0;font-size:12px;line-height:1.4}.field-note.warn{color:var(--warn)}
