:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--collection-ink:#1b2430;--collection-muted:#5b6a7a;--collection-line:#d7dee6;--collection-accent:#0e7c6b;--collection-error:#b3453f;--collection-paper:#fff;--collection-card:#fff;--collection-tile:#f3f8fc;--collection-tile-hover:#e7f0f8}*{box-sizing:border-box}body{background:var(--collection-paper);color:var(--collection-ink);margin:0;font:16px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}.page{flex-direction:column;gap:1.25rem;max-width:420px;min-height:100vh;margin:0 auto;padding:2rem 1.25rem;display:flex}.secure-badge{color:var(--collection-muted);letter-spacing:.08em;align-self:flex-end;align-items:center;gap:.3rem;margin:0;font-size:.625rem;font-weight:600;display:flex}.secure-badge__icon{width:.875rem;height:.875rem}.collection-footer{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.collection-footer__logo{width:85px;height:auto}.collection-footer__copy{color:var(--collection-muted);margin:0;font-size:.75rem}.collection-footer__link{color:var(--collection-muted);font-size:.75rem}.collection-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.collection-header__brand{justify-content:center;align-items:center;gap:.75rem;display:flex}.collection-header__brand--stacked{flex-direction:column;align-items:center}.collection-header__logo{background:var(--collection-accent);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.collection-header__logo-img{width:auto;height:var(--collection-logo-height,56px);object-fit:contain;border-radius:8px;flex:none;max-width:100%}html[data-theme-preset=spca]{--collection-accent:#2f6fed}html[data-theme-preset=dwell]{--collection-accent:#a97e12}html[data-theme-preset=modica]{--collection-accent:#3a618e}html[data-theme-preset=auckland-zoo]{--collection-accent:#1f7a4d}html[data-theme-preset=dementia-wellington]{--collection-accent:#3e6181;--collection-error:#e7352c}.collection-header h1{margin:0;font-size:1.15rem}.collection-header__amount{margin:0;font-size:2.75rem;font-weight:700;line-height:1.1}.collection-header__amount-mark{color:var(--collection-muted,#8a8a8a);vertical-align:.35em;padding:0 .15em;font-size:.45em}.payment-form{flex-direction:column;gap:.75rem;display:flex}.payment-form__fields{display:contents}.payment-form__heading,.offsite-panel__legend{letter-spacing:.08em;text-transform:uppercase;color:var(--collection-muted,#666);margin:0;padding:0;font-size:.75rem;font-weight:600}.primary-button{width:100%;font:inherit;color:#fff;cursor:pointer;background:#1378c6;border:0;border-radius:999px;padding:1.15rem 1.5rem;font-size:1.0625rem;font-weight:600}.primary-button:hover:not(:disabled){filter:brightness(.94)}.primary-button:disabled{cursor:default;opacity:.45}.primary-button--link{box-sizing:border-box;text-align:center;margin-top:1.25rem;text-decoration:none;display:block}.form-error{color:var(--collection-error);margin:0;font-size:.88rem}.result-mark{--result-halo:#f6f6f6;--result-track:#ececec;--result-spinner:#8a8a8a;--result-accent:#8a8a8a;width:116px;height:116px;margin:0 auto;position:relative}.result-mark[data-state=success]{--result-accent:#0b0}.result-mark[data-state=failure]{--result-accent:#d81b0d}.result-mark svg{width:100%;height:100%;display:block;overflow:visible}.result-mark__track{fill:none;stroke:var(--result-track);stroke-width:6px;transition:opacity .3s}.result-mark__spin{transform-origin:60px 60px;animation:.85s linear infinite result-spin}.result-mark__arc{fill:none;stroke:var(--result-spinner);stroke-dasharray:74 210;stroke-linecap:round;stroke-width:6px;transform-origin:60px 60px}@keyframes result-spin{to{transform:rotate(360deg)}}.result-mark__halo{fill:none;opacity:0;stroke:var(--result-halo);stroke-dasharray:170;stroke-dashoffset:170px;stroke-width:54px;transform-origin:60px 60px;transform:rotate(-90deg)scale(.8)}.result-mark__disc{fill:var(--result-accent);transform-origin:60px 60px;transform:scale(0)}.result-mark__glyph{fill:none;stroke:var(--result-accent);stroke-dasharray:120;stroke-dashoffset:120px;stroke-linecap:round;stroke-linejoin:round;stroke-width:9.5px}.result-mark__cross,.result-mark[data-state=failure] .result-mark__check{display:none}.result-mark[data-state=failure] .result-mark__cross{display:block}.result-mark.collapse .result-mark__arc{stroke:var(--result-accent);animation:.34s cubic-bezier(.55,0,.9,.35) forwards result-suck}.result-mark.collapse .result-mark__track{opacity:0}.result-mark.collapse .result-mark__spin{animation:none}@keyframes result-suck{to{opacity:0;stroke-dasharray:8 200;transform:scale(.04)}}.result-mark.glyph-in .result-mark__glyph{animation:.42s cubic-bezier(.5,0,.2,1) forwards result-draw}@keyframes result-draw{to{stroke-dashoffset:0}}.result-mark.disc-in .result-mark__disc{animation:.36s cubic-bezier(.34,1.42,.5,1) forwards result-bloom}.result-mark.disc-in .result-mark__glyph{stroke:#fff;stroke-dashoffset:0}@keyframes result-bloom{0%{transform:scale(.3)}to{transform:scale(1)}}.result-mark[data-state=success].halo-in .result-mark__halo{animation:.54s cubic-bezier(.3,.7,.25,1) forwards result-sweep}@keyframes result-sweep{0%{opacity:1;stroke-dashoffset:170px;transform:rotate(-90deg)scale(.8)}to{opacity:1;stroke-dashoffset:0;transform:rotate(270deg)scale(1)}}.result-mark[data-state=failure].halo-in .result-mark__halo{stroke-dashoffset:0;animation:4.4s cubic-bezier(.45,0,.55,1) forwards result-breathe}@keyframes result-breathe{0%{opacity:0;transform:rotate(-90deg)scale(.72)}10%{opacity:1;transform:rotate(-90deg)scale(1)}32%{transform:rotate(-90deg)scale(1.085)}54%{transform:rotate(-90deg)scale(1)}76%{transform:rotate(-90deg)scale(1.085)}to{opacity:1;transform:rotate(-90deg)scale(1)}}.result-mark__confetti{pointer-events:none;position:absolute;inset:0;overflow:visible}.result-mark__confetti i{will-change:transform, opacity;border-radius:1.5px;width:7px;height:11px;position:absolute;top:50%;left:50%}.result-mark__confetti i.result-mark__dot{border-radius:50%;height:7px}.result-title{letter-spacing:-.02em;margin:.75rem 0 0;font-size:1.75rem}.result-line{color:var(--collection-muted);margin:.25rem 0 0}.status-screen--success .result-title,.receipt-form__confirmation .result-title{animation:.62s 1.1s both result-settle}.status-screen--success>.result-line{animation:.62s 1.55s both result-settle}@keyframes result-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-skeleton{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.result-skeleton__bar{background:linear-gradient(100deg,#f6f6f6 20%,#ededed 40%,#f6f6f6 60%) 0 0/220% 100%;border-radius:4px;width:214px;height:15px;animation:1.4s linear infinite result-sheen}.result-skeleton__bar--title{border-radius:6px;width:190px;height:34px}.result-skeleton__bar--short{width:178px}@keyframes result-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}.result-status{color:var(--collection-muted);margin:1.75rem 0 0;font-size:.8rem}.receipt-form__row{gap:.75rem;display:flex}.receipt-form__row>.receipt-form__field{flex:1 1 0;min-width:0}.receipt-form__label--required:after{color:var(--collection-error);content:"*";margin-left:.15rem}.receipt-form__signoff{margin:1.25rem 0 0;font-weight:600}@media (prefers-reduced-motion:reduce){.result-mark__spin,.result-skeleton__bar{animation:none}.result-mark.collapse .result-mark__arc{opacity:0;animation:none}.result-mark.glyph-in .result-mark__glyph{stroke-dashoffset:0;animation:none}.result-mark.disc-in .result-mark__disc{animation:none;transform:scale(1)}.result-mark[data-state=success].halo-in .result-mark__halo,.result-mark[data-state=failure].halo-in .result-mark__halo{opacity:1;stroke-dashoffset:0;animation:none;transform:rotate(-90deg)scale(1)}.status-screen--success .result-title,.status-screen--success>.result-line,.receipt-form__confirmation .result-title{animation-duration:10ms;animation-delay:0s}}.status-screen{background:var(--collection-card);border:1px solid var(--collection-line);text-align:center;border-radius:10px;padding:1.5rem 1.25rem}.status-screen--success{border-color:#0000}.status-screen--error{border-color:var(--collection-error)}.status-screen__detail{color:var(--collection-muted);font-size:.9rem}.status-screen__reference{color:var(--collection-muted);flex-direction:column;gap:.2rem;margin:1.25rem 0 0;font-size:.85rem;display:flex}.status-screen__reference-value{letter-spacing:.06em;color:var(--collection-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:600}.receipt-form{text-align:left;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.receipt-form__heading{margin:0;font-size:1rem;font-weight:600}.receipt-form__field{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.receipt-form__field input{font:inherit;border:1px solid var(--collection-line);background:var(--collection-card);color:var(--collection-ink);border-radius:8px;padding:.55rem .75rem;font-weight:400}.receipt-form__field input:focus{outline:2px solid var(--collection-accent);outline-offset:1px;border-color:var(--collection-accent)}.receipt-form__consent{cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.45;display:flex}.receipt-form__consent input{width:1rem;height:1rem;accent-color:var(--collection-accent);flex-shrink:0;margin-top:.2rem}.receipt-form__consent input:focus-visible{outline:2px solid var(--collection-accent);outline-offset:2px}.receipt-form__note{color:var(--collection-muted);margin:0;font-size:.85rem}.receipt-form__confirmation{flex-direction:column;gap:.15rem;margin:0;display:flex}.receipt-form__recipient{color:var(--collection-muted);word-break:break-all;font-weight:400}.copy-value{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.method-selector{border:0;flex-direction:column;gap:.75rem;min-inline-size:0;margin:0 0 1.5rem;padding:0;display:flex}.method-card{cursor:pointer;border-radius:var(--collection-radius,10px);background:var(--collection-tile);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.method-card[data-selected]{background:#fff;border-color:#1378c6;box-shadow:inset 0 0 0 1px #1378c6}.method-card:has(input:focus-visible){outline-offset:2px;outline:2px solid #1378c6}.method-card__text{flex-direction:column;gap:.15rem;display:flex}.method-card__title{font-size:1rem;font-weight:600}.method-card__subtitle{color:var(--collection-muted,#666);font-size:.8125rem}.method-card__tick{flex:none;width:2.25rem;height:2.25rem}.offsite-panel{margin-top:.25rem}.offsite-panel__heading{margin:0 0 .75rem;font-size:1rem;font-weight:600}.offsite-panel__provider{color:var(--collection-muted,#666);margin:0 0 1.25rem;font-size:.875rem}.offsite-panel__fieldset{border:0;min-inline-size:0;margin:0 0 1.5rem;padding:0}.offsite-panel__options>li{display:flex}.offsite-panel__options{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.offsite-option{cursor:pointer;border-radius:var(--collection-radius,10px);background:var(--collection-tile);border:1px solid #0000;justify-content:center;align-items:center;width:100%;min-height:3.25rem;padding:.6rem .75rem;display:flex}.offsite-option[data-selected]{background:#fff;border-color:#1378c6;box-shadow:inset 0 0 0 1px #1378c6}.offsite-option:hover:not([data-selected]){background:var(--collection-tile-hover)}.offsite-option:has(input:focus-visible){outline-offset:2px;outline:2px solid #1378c6}.offsite-option:has(input:disabled){cursor:default;opacity:.6}.offsite-option__logo{pointer-events:none;width:auto;max-width:100%;height:1.5rem}.offsite-option__status{color:var(--collection-muted,#555);font-size:.875rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.offsite-option__name{text-align:center;font-size:.9375rem}.offsite-resume__heading{margin:0 0 .5rem;font-size:1rem;font-weight:600}.offsite-resume .offsite-option{text-align:center;margin-top:1rem}.offsite-resume__note{opacity:.75;margin:.75rem 0 0;font-size:.875rem}