@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&display=swap";
:root{--blue:#3b82f6;--red:#ef4444;--orange:#f97316;--green:#22c55e;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-glow:#3b82f64d;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-glow:#ef44444d;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-500:#f97316;--orange-600:#ea580c;--orange-glow:#f973164d;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-glow:#22c55e4d;--bg-base:#f4f7fb;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-overlay:#f1f5f9eb;--surface:#fff;--surface-2:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-dim:#cbd5e1;--border:#0f172a14;--border-hover:#0f172a29;--tier-humble-color:#64748b;--tier-generous-color:#b45309;--tier-wealthy-color:#7c3aed;--tier-superrich-color:#0891b2;--tier-humble-bg:#64748b1a;--tier-humble-border:#64748b38;--tier-generous-bg:#b4530914;--tier-generous-border:#b4530938;--tier-wealthy-bg:#7c3aed14;--tier-wealthy-border:#7c3aed38;--tier-superrich-bg:#0891b214;--tier-superrich-border:#0891b238;--tier-superrich-glow1:#0891b21f;--tier-superrich-glow2:#0891b247;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--max-width:1280px;--header-height:56px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 10px 28px #0f172a14;--shadow-lg:0 18px 56px #0f172a1f;--shadow-blue:0 4px 24px var(--blue-glow);--shadow-red:0 4px 24px var(--red-glow);--shadow-orange:0 4px 24px var(--orange-glow);--shadow-green:0 4px 24px var(--green-glow)}[data-theme=dark]{--bg-base:#0a0a0f;--bg-surface:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--bg-overlay:#0a0a0fd9;--surface:#16161f;--surface-2:#1c1c28;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--text-dim:#334155;--border:#ffffff0f;--border-hover:#ffffff1f;--tier-humble-color:#94a3b8;--tier-generous-color:#f59e0b;--tier-wealthy-color:#a855f7;--tier-superrich-color:#06b6d4;--tier-humble-bg:#94a3b81f;--tier-humble-border:#94a3b833;--tier-generous-bg:#f59e0b1f;--tier-generous-border:#f59e0b40;--tier-wealthy-bg:#a855f71f;--tier-wealthy-border:#a855f740;--tier-superrich-bg:#06b6d41f;--tier-superrich-border:#06b6d440;--tier-superrich-glow1:#06b6d426;--tier-superrich-glow2:#06b6d459;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 40px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg, #ffffffb8, #fff0 340px), linear-gradient(115deg, #3b82f60b, transparent 34%), linear-gradient(245deg, #22c55e09, transparent 28%), var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (max-width:480px){.container{padding:0 16px}}.tier-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.tier-humble{background:var(--tier-humble-bg);color:var(--tier-humble-color);border:1px solid var(--tier-humble-border)}.tier-generous{background:var(--tier-generous-bg);color:var(--tier-generous-color);border:1px solid var(--tier-generous-border)}.tier-wealthy{background:var(--tier-wealthy-bg);color:var(--tier-wealthy-color);border:1px solid var(--tier-wealthy-border)}.tier-superrich{background:var(--tier-superrich-bg);color:var(--tier-superrich-color);border:1px solid var(--tier-superrich-border);box-shadow:0 0 16px var(--tier-superrich-glow1);animation:3s infinite shimmer-cyan}@keyframes shimmer-cyan{0%,to{box-shadow:0 0 8px var(--tier-superrich-glow1)}50%{box-shadow:0 0 20px var(--tier-superrich-glow2)}}.section-b{--section-color:var(--blue);--section-glow:var(--blue-glow)}.section-r{--section-color:var(--red);--section-glow:var(--red-glow)}.section-o{--section-color:var(--orange);--section-glow:var(--orange-glow)}.section-g{--section-color:var(--green);--section-glow:var(--green-glow)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;box-shadow:0 10px 24px #2563eb38}.btn-primary:hover{background:linear-gradient(135deg, var(--blue-600), var(--blue-700));transform:translateY(-1px);box-shadow:0 12px 28px #2563eb42}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary)}.btn-section{background:linear-gradient(135deg, var(--section-color), color-mix(in srgb, var(--section-color) 70%, black));color:#fff;box-shadow:0 4px 16px var(--section-glow)}.btn-section:hover{box-shadow:0 6px 28px var(--section-glow);transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}textarea.input{resize:vertical;min-height:120px}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-lg);justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:var(--space-2xl);width:100%;max-width:480px;max-height:calc(100dvh - 2 * var(--space-lg));box-shadow:var(--shadow-lg);margin:auto;animation:.25s slide-up;position:relative;overflow-y:auto}@media (max-width:640px){.modal-backdrop{padding:var(--space-md);align-items:flex-start}.modal{padding:var(--space-lg);max-height:calc(100dvh - 2 * var(--space-md));border-radius:var(--radius-md)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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}.text-gradient-brog{background:linear-gradient(90deg, var(--blue), var(--red), var(--orange), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.skip-link{top:-100px;left:var(--space-md);background:var(--blue-500);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:2000;font-weight:600;transition:top .2s;position:absolute}.skip-link:focus{outline:none;top:0}
.TopupModal-module__1xRLna__header{margin-bottom:var(--space-lg)}.TopupModal-module__1xRLna__title{font-size:22px;font-weight:800}.TopupModal-module__1xRLna__subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.TopupModal-module__1xRLna__tierInfo{align-items:center;gap:var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.TopupModal-module__1xRLna__tierStats{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.TopupModal-module__1xRLna__toNext{color:var(--orange);font-size:12px}.TopupModal-module__1xRLna__amounts{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:480px){.TopupModal-module__1xRLna__amounts{grid-template-columns:repeat(2,1fr)}}.TopupModal-module__1xRLna__amountBtn{padding:var(--space-md) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:4px;font-family:inherit;display:flex;position:relative}.TopupModal-module__1xRLna__amountBtn:hover{border-color:var(--blue-500);background:#3b82f60f}.TopupModal-module__1xRLna__selected{border-color:var(--blue-500);background:#3b82f61a;box-shadow:0 0 0 2px #3b82f633}.TopupModal-module__1xRLna__amountValue{color:var(--text-primary);font-size:20px;font-weight:800}.TopupModal-module__1xRLna__amountCharity{color:var(--green);font-size:10px;font-weight:500}.TopupModal-module__1xRLna__planTag{background:var(--blue-500);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:-4px}.TopupModal-module__1xRLna__tierUpTag{background:var(--orange);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-4px}.TopupModal-module__1xRLna__checkoutDonationNote{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);margin-top:calc(var(--space-sm) * -1);margin-bottom:var(--space-sm);background:#22c55e14;border:1px solid #22c55e33;font-size:12px;line-height:1.5}.TopupModal-module__1xRLna__checkoutDonationNote strong{color:var(--green)}.TopupModal-module__1xRLna__divider{background:var(--border);height:1px;margin:var(--space-lg) 0}.TopupModal-module__1xRLna__subscriptionNote{margin:-2px 0 var(--space-md);color:var(--text-secondary);font-size:12px;line-height:1.5}.TopupModal-module__1xRLna__error{margin-top:var(--space-md);color:var(--red);font-size:13px}.TopupModal-module__1xRLna__successMessage{margin-top:var(--space-md);color:var(--green);font-size:13px;font-weight:700}.TopupModal-module__1xRLna__stripeNote{text-align:center;color:var(--text-muted);margin-top:var(--space-sm);font-size:11px}.TopupModal-module__1xRLna__hopeNote{text-align:center;color:var(--text-secondary);margin-top:var(--space-xs);font-size:12px}.TopupModal-module__1xRLna__successState{align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-xl) 0;flex-direction:column;display:flex}.TopupModal-module__1xRLna__successIcon{border:2px solid var(--green);width:64px;height:64px;color:var(--green);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.TopupModal-module__1xRLna__successState h2{font-size:24px;font-weight:800}.TopupModal-module__1xRLna__successState p{color:var(--text-secondary);font-size:15px;line-height:1.6}.TopupModal-module__1xRLna__closeBtn{top:var(--space-lg);right:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute}.TopupModal-module__1xRLna__closeBtn:hover{background:var(--bg-card-hover);color:var(--text-primary)}