.recipient-campaign-callout{--recipient-callout-bg:var(--lightningcss-light,linear-gradient(145deg, #fffffffa, #f8fafcf5))var(--lightningcss-dark,linear-gradient(145deg, #141b23eb, #121821f0));--recipient-callout-panel:var(--lightningcss-light,#ffffffdb)var(--lightningcss-dark,#ffffff0a);--recipient-callout-line:var(--lightningcss-light,#47556929)var(--lightningcss-dark,#ffffff1f);--recipient-callout-text:var(--lightningcss-light,#172327)var(--lightningcss-dark,#f8fafc);--recipient-callout-muted:var(--lightningcss-light,#5f6c76)var(--lightningcss-dark,#cbd5e1);--recipient-callout-accent:#1f7a5c;--recipient-callout-accent-soft:var(--lightningcss-light,#1f7a5c1f)var(--lightningcss-dark,#34d39924);--recipient-callout-button-text:#fff;border:1px solid var(--recipient-callout-line);background:var(--recipient-callout-bg);color:var(--recipient-callout-text);border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0f172a1c,0 10px 26px #0f172a0f}.recipient-campaign-callout:before{content:"";background:var(--recipient-callout-accent-soft);filter:blur(8px);pointer-events:none;border-radius:999px;width:220px;height:220px;position:absolute;inset:-80px auto auto -60px}.recipient-campaign-callout__grid{z-index:1;align-items:center;gap:24px;display:grid;position:relative}.recipient-campaign-callout__media{background:var(--recipient-callout-panel);border:1px solid var(--recipient-callout-line);border-radius:22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f172a1c,0 4px 12px #0f172a0d}.recipient-campaign-callout__media:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172a24,0 6px 16px #0f172a12}.recipient-campaign-callout__image,.recipient-campaign-callout__placeholder{aspect-ratio:4/3;width:100%;display:block}.recipient-campaign-callout__image{object-fit:cover}.recipient-campaign-callout__placeholder{background:radial-gradient(circle at top, #ffffff80, transparent 60%), var(--recipient-callout-accent-soft);color:var(--recipient-callout-accent);place-items:center;font-size:2.6rem;display:grid}.recipient-campaign-callout__content{min-width:0}.recipient-campaign-callout__eyebrow{background:var(--recipient-callout-accent-soft);color:var(--recipient-callout-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.82rem;font-weight:850;display:inline-flex}.recipient-campaign-callout__title{color:var(--recipient-callout-text);margin:0;font-family:Nunito,sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;line-height:1.03}.recipient-campaign-callout__subtitle{color:var(--recipient-callout-text);opacity:.88;margin:12px 0 0;font-size:1rem;font-weight:800}.recipient-campaign-callout__description{color:var(--recipient-callout-muted);margin:16px 0 0;font-size:1.04rem;line-height:1.72}.recipient-campaign-callout__detail{color:var(--recipient-callout-text);margin:12px 0 0;font-size:.99rem;line-height:1.68}.recipient-campaign-callout__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.recipient-campaign-callout__stat{background:var(--recipient-callout-panel);border:1px solid var(--recipient-callout-line);border-radius:18px;min-width:0;padding:14px 16px}.recipient-campaign-callout__stat-label{color:var(--recipient-callout-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:750;display:block}.recipient-campaign-callout__stat-value{color:var(--recipient-callout-text);font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;line-height:1.1;display:block}.recipient-campaign-callout__stat-value--soft{color:var(--recipient-callout-accent)}.recipient-campaign-callout__progress{background:var(--lightningcss-light,#e2e8f0f2)var(--lightningcss-dark,#ffffff14);border-radius:999px;height:12px;margin-top:18px;overflow:hidden}.recipient-campaign-callout__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--recipient-callout-accent), color-mix(in srgb, var(--recipient-callout-accent) 60%, #ffd66e 40%));height:100%;display:block}.recipient-campaign-callout__progress-meta{color:var(--recipient-callout-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;font-size:.92rem;font-weight:700;display:flex}.recipient-campaign-callout__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.recipient-campaign-callout__button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:850;text-decoration:none;transition:transform .16s,filter .16s,background .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.recipient-campaign-callout__button:hover{text-decoration:none;transform:translateY(-1px)}.recipient-campaign-callout__button--donate{background:var(--recipient-callout-accent);color:var(--recipient-callout-button-text)}.recipient-campaign-callout__button--donate:hover{color:var(--recipient-callout-button-text);filter:brightness(1.04)}.recipient-campaign-callout__button--link{background:var(--recipient-callout-panel);border:1px solid var(--recipient-callout-line);color:var(--recipient-callout-text)}.recipient-campaign-callout__button--link:hover{color:var(--recipient-callout-text);background:var(--lightningcss-light,#fffffff5)var(--lightningcss-dark,#ffffff12)}.recipient-campaign-callout--kachu{--recipient-callout-bg:var(--lightningcss-light,linear-gradient(145deg, #fffefafa, #fbf6ebf0))var(--lightningcss-dark,linear-gradient(145deg, #2a2218c7, #181f27f0));--recipient-callout-panel:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#ffffff0b);--recipient-callout-line:var(--lightningcss-light,#b77b1929)var(--lightningcss-dark,#ffdb8f29);--recipient-callout-text:var(--lightningcss-light,#172327)var(--lightningcss-dark,#f7f0e1);--recipient-callout-muted:var(--lightningcss-light,#6c645b)var(--lightningcss-dark,#d3c5ad);--recipient-callout-accent:#9c681f;--recipient-callout-accent-soft:var(--lightningcss-light,#d6a74329)var(--lightningcss-dark,#d6a7432e);--recipient-callout-button-text:#fffdf8}.recipient-campaign-callout--kachu .recipient-campaign-callout__button--donate{color:#333;background:linear-gradient(135deg,#ffe502fa 0%,#ebd200fa 100%);border:1px solid #c2a4126b;box-shadow:0 18px 40px #ffe50238}.recipient-campaign-callout--kachu .recipient-campaign-callout__button--donate:hover{color:#333;filter:none;background:linear-gradient(135deg,#ffec4cfa 0%,#ebd200fa 100%);box-shadow:0 24px 52px #ffe5024d}.recipient-campaign-callout--kachu .recipient-campaign-callout__button--link{box-shadow:none;color:var(--lightningcss-light,#333)var(--lightningcss-dark,#f7efcf);background:var(--lightningcss-light,#ffffffeb)var(--lightningcss-dark,#ffffff0b);border:2px solid #ffe502fa}.recipient-campaign-callout--kachu .recipient-campaign-callout__button--link:hover{color:#333;background:linear-gradient(135deg,#ffe502fa 0%,#ebd200fa 100%);border-color:#c2a4126b;box-shadow:0 18px 40px #ffe5022e}@media (min-width:900px){.recipient-campaign-callout__grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}@media (max-width:767.98px){.recipient-campaign-callout{border-radius:22px;padding:18px}.recipient-campaign-callout__stats{grid-template-columns:1fr}.recipient-campaign-callout__actions{flex-direction:column}.recipient-campaign-callout__button{width:100%}}