.donation-page,.donation-receipt-page{--support-ink:#164f40;--support-gold:#bd9449;--support-paper:#f6f3eb;--support-line:#dce5dc;padding-block:24px 64px}
.donation-page a,.donation-receipt-page a{text-underline-offset:5px}
.donation-breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.875rem;margin-block-end:32px}.donation-breadcrumb .icon{width:15px;height:15px}.donation-breadcrumb a{color:var(--support-ink)}
.donation-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(36px,6vw,88px);align-items:start;padding-block:12px 64px}
.donation-intro{padding-block-start:12px;min-width:0}.donation-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;color:var(--support-ink)}.donation-eyebrow>.icon{width:18px;height:18px}
.donation-intro h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.55;letter-spacing:0;margin-block:16px 20px;color:var(--ink);font-weight:900}.donation-intro h1 span{color:var(--support-ink)}
.donation-lead{max-width:510px;font-size:1.065rem;line-height:2.05;color:var(--ink);margin-block:0 14px}.donation-optional{font-size:.9rem;line-height:1.95;color:var(--muted);max-width:470px}
.donation-art{position:relative;display:grid;grid-template-columns:1fr;isolation:isolate;max-width:490px;min-height:230px;margin-block-start:26px;background:var(--support-paper);border:1px solid #e6e0d1;border-radius:28px;overflow:hidden;padding:10px 22px 18px}.donation-cup{width:min(100%,330px);height:195px;justify-self:center;grid-area:1/1}
.donation-art-note{align-self:start;justify-self:start;display:flex;align-items:center;gap:7px;z-index:1;font-size:.74rem;color:#675635;padding:5px 0}.donation-art-note .icon{width:16px;height:16px}.donation-art-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--support-ink);font-size:.78rem}.donation-art-caption strong{font-size:1.25rem;font-weight:900}
.donation-steam{animation:support-steam 4s ease-in-out infinite;transform-origin:center}.donation-steam-two{animation-delay:-2s}@keyframes support-steam{50%{transform:translateY(-5px);opacity:.5}}
.donation-card{background:var(--surface);border:1px solid var(--support-line);border-radius:28px;padding:30px;box-shadow:0 12px 35px #173d2f08;position:sticky;top:100px;min-width:0}
.donation-card-heading{display:flex;align-items:center;gap:14px;margin-block-end:24px}.donation-card-heading h2{font-size:1.2rem;line-height:1.8;margin:0}.donation-card-heading p{font-size:.86rem;line-height:1.8;color:var(--muted);margin:3px 0 0}.donation-heart{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;background:#eff5ee;border:1px solid #dae6d9;border-radius:16px;color:var(--support-ink)}.donation-heart .icon{width:24px;height:24px}
.donation-choices{border:0;padding:0;margin:0 0 24px;min-width:0}.donation-choices legend{font-size:.87rem;font-weight:700;padding:0;margin-block-end:12px}.donation-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.donation-preset{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--support-line);background:var(--surface);border-radius:14px;min-height:88px;padding:12px 5px;color:var(--ink);font:inherit;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.donation-preset strong{font-size:1.65rem;font-weight:800}.donation-preset>span:last-child{font-size:.71rem;white-space:nowrap;color:var(--muted)}.donation-preset-check{position:absolute;inset-block-start:5px;inset-inline-start:5px;width:14px;height:14px;color:var(--support-ink);visibility:hidden}.donation-preset-check .icon{width:14px;height:14px}
.donation-preset[aria-pressed=true]{border-color:var(--support-ink);background:#eef5ed;box-shadow:inset 0 0 0 1px var(--support-ink)}.donation-preset[aria-pressed=true] .donation-preset-check{visibility:visible}.donation-preset[aria-pressed=true]>span:last-child{color:var(--support-ink)}.donation-preset:not(:disabled):hover{background:#f1f6ef;transform:translateY(-2px)}
.donation-field label{display:block;font-weight:700;font-size:.87rem;margin-block-end:9px}.donation-money{display:flex;align-items:center;border:1px solid #b9c9bf;border-radius:14px;min-height:56px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.donation-money:focus-within{border-color:var(--support-ink);box-shadow:0 0 0 3px #1b66451c}.donation-money input{width:100%;min-width:0;border:0;border-radius:0;outline:0;box-shadow:none;padding:12px 16px;background:transparent;font:inherit;font-size:1.2rem;font-weight:700;color:var(--ink);text-align:start;min-height:54px}.donation-money>span{border-inline-start:1px solid var(--support-line);padding-inline:15px;font-size:.85rem;color:var(--muted)}.donation-field small{display:block;color:var(--muted);font-size:.75rem;line-height:1.9;margin-block-start:8px}
.donation-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;border-block-start:1px dashed var(--support-line);margin-block-start:22px;padding-block:19px}.donation-summary>span{font-size:.83rem;color:var(--muted)}.donation-summary output{font-size:1.06rem;color:var(--support-ink);font-weight:800}
.donation-pay.button{width:100%;min-height:56px;justify-content:center;border-radius:14px;background:var(--support-ink);border-color:var(--support-ink);gap:10px;font-weight:700}.donation-pay .icon{width:19px;height:19px}.donation-pay .icon:last-child{margin-inline-start:auto}.donation-pay .icon:first-child{margin-inline-end:auto}.donation-pay:disabled{opacity:.55;cursor:not-allowed}.donation-card form[aria-busy=true] .donation-pay{cursor:wait}
.donation-payment-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.73rem;color:var(--muted);line-height:1.9;margin-block:12px 0}.donation-payment-note>.icon{width:14px;height:14px;flex-shrink:0}.donation-card-footer{text-align:center;font-size:.73rem;color:var(--muted);margin-block:18px 0;border-block-start:1px solid var(--support-line);padding-block-start:16px}.donation-notice{display:flex;align-items:start;gap:8px;font-size:.85rem;line-height:1.9;background:#f8f3e5;color:#685127;padding:12px 14px;border-radius:12px;margin-block:0 20px}.donation-notice>.icon{width:17px;height:17px;flex:0 0 auto;margin-block-start:4px}.donation-unavailable{background:var(--brand-soft);color:var(--support-ink)}
.donation-error{padding:10px 12px;background:#fff1f0;color:var(--danger);border:1px solid #edcecd;border-radius:10px;font-size:.85rem;line-height:1.9}.donation-error[hidden]{display:none}.donation-noscript{font-size:.85rem;color:var(--muted)}
.donation-impact{padding-block:36px 56px;border-block-start:1px solid var(--support-line)}.donation-section-heading h2,.donation-faq h2{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.8;margin-block:9px 0}.donation-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-block-start:30px}.donation-impact-grid article{padding-inline-end:20px}.donation-impact-grid article>.icon{width:26px;height:26px;color:var(--support-ink);margin-block-end:12px}.donation-impact-grid h3{font-size:1rem;margin:0}.donation-impact-grid p{font-size:.9rem;color:var(--muted);line-height:2;margin-block:7px 0}
.donation-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;border-block-start:1px solid var(--support-line);padding-block:42px}.donation-faq>div>p{font-size:.875rem;line-height:1.9;color:var(--muted)}.donation-faq-items details{border-block-end:1px solid var(--support-line)}.donation-faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;min-height:64px;padding-block:16px;font-weight:700;font-size:.94rem;line-height:1.8}.donation-faq-items summary::-webkit-details-marker{display:none}.donation-faq-items summary>.icon{width:17px;height:17px;flex:0 0 auto;transition:transform .18s}.donation-faq-items details[open] summary>.icon{transform:rotate(180deg)}.donation-faq-items details>p{font-size:.875rem;line-height:2.1;color:var(--muted);margin-block:0 18px}
.donation-closing{display:flex;align-items:center;gap:20px;padding:28px 32px;background:#eef3eb;border:1px solid #dfe8db;border-radius:22px;color:var(--support-ink);margin-block-start:20px}.donation-closing>.icon{width:33px;height:33px;flex-shrink:0}.donation-closing p{line-height:1.9;margin:0;font-size:.95rem}.donation-closing strong{font-size:1.075rem}.donation-closing>a{margin-inline-start:auto;white-space:nowrap;font-size:.875rem}
.donation-page :is(button,a,input,summary):focus-visible,.donation-receipt-page :is(button,a):focus-visible{outline:3px solid var(--support-gold);outline-offset:4px}
.donation-receipt-page{max-width:790px}.donation-receipt-page>a{margin-block-end:22px}.donation-receipt{background:var(--surface);border:1px solid var(--support-line);border-radius:28px;padding:40px;box-shadow:0 12px 40px #173d2f06}.donation-receipt>header{text-align:center;display:flex;flex-direction:column;align-items:center}.donation-receipt-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#f8f3e5;color:#785e26;margin-block-end:20px}.donation-receipt-icon.is-confirmed{background:#eaf3e6;color:var(--support-ink)}.donation-receipt-icon>.icon{width:34px;height:34px}.donation-receipt h1{font-size:clamp(1.4rem,3vw,2rem);line-height:1.7;margin-block:10px}.donation-receipt>header>p{font-size:.95rem;line-height:2;color:var(--muted);max-width:500px;margin:0}
.donation-receipt-amount{display:flex;flex-direction:column;align-items:center;gap:6px;padding-block:25px;margin-block:28px 20px;border-block:1px solid var(--support-line)}.donation-receipt-amount>span{font-size:.85rem;color:var(--muted)}.donation-receipt-amount>strong{font-size:clamp(1.7rem,4vw,2.45rem);color:var(--support-ink);font-weight:900}.donation-reference{background:#f0f5ed;border:1px solid #dae7d4;border-radius:16px;padding:18px;text-align:center;color:var(--support-ink);font-size:.85rem}.donation-reference>div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.3rem;font-weight:800;margin-block-start:8px}
.donation-receipt-details{margin-block:25px}.donation-receipt-details>div{display:flex;justify-content:space-between;align-items:start;gap:20px;border-block-end:1px solid var(--support-line);padding-block:14px;font-size:.875rem}.donation-receipt-details dt{color:var(--muted);flex-shrink:0}.donation-receipt-details dd{margin:0;display:flex;align-items:center;gap:8px;text-align:end;min-width:0;overflow-wrap:anywhere}.donation-receipt-details bdi{overflow-wrap:anywhere}.donation-receipt-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.donation-receipt-actions>.button{flex-basis:100%;justify-content:center;min-height:52px;background:var(--support-ink)}.donation-demo-form{display:flex;justify-content:center;margin-block:20px}
@media(min-width:1400px){.donation-page{max-width:1240px}}
@media(max-width:1050px){.donation-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.donation-card{padding:24px}.donation-preset-grid{gap:7px}.donation-preset>span:last-child{font-size:.67rem}.donation-intro h1{font-size:2.7rem}.donation-art-caption{font-size:.71rem}.donation-art-note{font-size:.71rem}}
@media(max-width:760px){.donation-layout{grid-template-columns:1fr;gap:28px;padding-block:0 36px}.donation-breadcrumb{margin-block-end:24px}.donation-intro{padding-block-start:0}.donation-intro h1{font-size:clamp(2rem,7vw,2.8rem);margin-block:12px}.donation-lead{font-size:.98rem;margin-block-end:9px}.donation-optional{font-size:.82rem;margin-block:0}.donation-art{display:none}.donation-card{position:static;padding:24px;max-width:560px;width:100%;justify-self:center}.donation-impact{padding-block:30px}.donation-impact-grid{gap:22px;margin-block-start:24px}.donation-impact-grid article{padding:0}.donation-impact-grid h3{font-size:.9rem}.donation-impact-grid p{font-size:.8rem}.donation-faq{grid-template-columns:1fr;gap:16px;padding-block:30px}.donation-closing{flex-wrap:wrap;padding:24px;gap:16px}.donation-closing>a{margin-inline-start:0;flex-basis:100%}.donation-receipt{padding:28px}.donation-receipt-details>div{gap:12px}}
@media(max-width:480px){.donation-page{padding-block-start:18px}.donation-card{padding:20px;border-radius:22px}.donation-card-heading{gap:10px}.donation-card-heading h2{font-size:1.075rem}.donation-card-heading p{font-size:.78rem}.donation-heart{width:42px;height:42px;border-radius:13px}.donation-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.donation-preset{min-height:78px;padding:9px}.donation-preset strong{font-size:1.5rem}.donation-preset>span:last-child{font-size:.77rem}.donation-preset-check{inset-block-start:9px;inset-inline-start:9px}.donation-choices{margin-block-end:20px}.donation-impact-grid{grid-template-columns:1fr;gap:26px}.donation-impact-grid article{display:grid;grid-template-columns:32px 1fr;column-gap:12px}.donation-impact-grid article>.icon{grid-row:1/3;margin-block-start:3px}.donation-impact-grid p{font-size:.85rem}.donation-faq-items summary{font-size:.87rem}.donation-receipt{padding:24px 18px;border-radius:22px}.donation-receipt-details>div{flex-direction:column;gap:6px}.donation-receipt-details dd{text-align:start;width:100%;justify-content:space-between}.donation-receipt .donation-payment-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.donation-steam{animation:none}.donation-page *,.donation-receipt-page *{transition:none!important}}