:root{--brand-wisteria: #8e52b8;--brand-wisteria-light: #a873d0;--brand-violet-pink: #c973d0;--brand-deep-nebula: #4a73ab;--brand-abyss-teal: #649ca1;--brand-royal-indigo: #4a4f92;--radius-card: 16px;--radius-button: 14px;--radius-input: 12px;--color-danger: #dc2626;--color-warn: #f59e0b;--color-success: #10b981;--bg-base: #f6f5fa;--bg-bloom-a: rgba(142, 82, 184, .1);--bg-bloom-b: rgba(100, 156, 161, .14);--surface-card: #ffffff;--surface-input: #ffffff;--border-default: rgba(17, 24, 39, .14);--border-strong: rgba(17, 24, 39, .24);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--card-shadow: 0 8px 30px rgba(74, 79, 146, .12);--focus-ring: rgba(142, 82, 184, .35);--pill-bg: rgba(142, 82, 184, .1);--pill-text: #6d3b91;--cta-text: #ffffff;--error-bg: rgba(220, 38, 38, .08)}@media (prefers-color-scheme: dark){:root{--bg-base: #2e5870;--bg-bloom-a: rgba(142, 82, 184, .35);--bg-bloom-b: rgba(100, 156, 161, .45);--surface-card: rgba(255, 255, 255, .1);--surface-input: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .28);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .78);--text-muted: rgba(255, 255, 255, .7);--card-shadow: 0 8px 40px rgba(0, 0, 0, .25);--focus-ring: rgba(200, 148, 232, .45);--pill-bg: rgba(255, 255, 255, .14);--pill-text: #ffffff;--cta-text: #ffffff;--error-bg: rgba(220, 38, 38, .22)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-base);background-image:radial-gradient(60vmax 60vmax at 8% -10%,var(--bg-bloom-a),transparent 60%),radial-gradient(70vmax 70vmax at 110% 110%,var(--bg-bloom-b),transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.brand{padding:20px 0 12px}.brand-mark{font-size:28px;font-weight:700;letter-spacing:.02em;background:linear-gradient(115deg,var(--brand-wisteria-light),var(--brand-violet-pink));-webkit-background-clip:text;background-clip:text;color:transparent}main{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;flex:1;justify-content:flex-start}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:24px 20px 20px;margin-top:8px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.headline{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.headline.small{font-size:19px}.sub{font-size:15px;color:var(--text-secondary);margin:0 0 16px}.muted{color:var(--text-muted);font-size:14px}.center{text-align:center}.price-pill{display:inline-flex;align-items:center;gap:6px;background:var(--pill-bg);color:var(--pill-text);border-radius:9999px;padding:6px 14px;font-size:15px;font-weight:600;margin-bottom:18px}.price-pill:empty{display:none}.field{margin-bottom:14px;min-width:0}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.field-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.hosted-field{height:48px;background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-input);padding:0 4px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.hosted-field iframe{width:100%;height:100%;border:0}.hosted-field:focus-within{border-color:var(--brand-wisteria);box-shadow:0 0 0 3px var(--focus-ring)}.hosted-field[data-valid=false]{border-color:var(--color-danger)}.donor-input{position:absolute;left:-9999px;width:1px;height:48px;font-size:16px;color:var(--text-primary);background:transparent;border:0;padding:0}.cta{display:block;width:100%;border:0;border-radius:var(--radius-button);padding:15px 18px;margin-top:6px;font-size:16px;font-weight:700;color:var(--cta-text);text-align:center;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,var(--brand-wisteria),var(--brand-violet-pink));box-shadow:0 6px 20px #8e52b873;transition:transform .1s ease,opacity .15s ease,box-shadow .15s ease}.cta:hover{transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cta:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.cta.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:none}.cta-link{margin-top:16px}.inline-error{background:var(--error-bg);border:1px solid var(--color-danger);border-radius:var(--radius-input);color:var(--text-primary);font-size:14px;padding:10px 12px;margin-bottom:14px}.guarantee{margin:18px 0 6px;font-size:14px;font-weight:700;color:var(--text-primary);text-align:center}.footline{font-size:12.5px;color:var(--text-muted);margin:6px 0 0;text-align:center}.countdown-wrap{text-align:center;margin:18px 0 10px}.countdown-caption{font-size:13px;color:var(--text-muted);margin:0 0 6px}.countdown{font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--text-primary)}.countdown.expiring{color:var(--color-warn)}.expiring-badge{display:inline-block;margin:8px 0 0;font-size:13px;font-weight:600;color:var(--color-warn)}.spinner{width:34px;height:34px;margin:10px auto 16px;border-radius:50%;border:3px solid var(--border-default);border-top-color:var(--brand-wisteria);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.5s}.cta,.hosted-field{transition:none}}