.donation-hero{padding:9.5rem 0 5rem}
.donation-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.donation-hero h1{max-width:680px;line-height:1.14}
.donation-hero__intro{max-width:650px;margin:1.5rem 0}
.donation-hero__image{width:100%;height:370px;object-fit:cover;border-radius:1rem;box-shadow:0 22px 44px #15121f20}
.donation-eyebrow{color:var(--primary);font-size:.78rem;font-weight:750;letter-spacing:.13em;margin-bottom:1rem}
.donation-link{display:inline-flex;gap:.5rem;align-items:center;color:var(--primary);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.donation-content{padding:5rem 0 6rem}
.donation-content__grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:5rem;align-items:start}
.donation-explainer{padding-top:1.5rem}
.donation-explainer>p.text-muted-foreground{max-width:480px;line-height:1.7;margin:1.2rem 0 2.2rem}
.donation-facts{display:grid;gap:1.4rem}
.donation-facts>div{display:flex;gap:1rem;align-items:flex-start}
.donation-facts__number{display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;border-radius:.75rem;background:color-mix(in srgb,var(--primary) 12%,white);color:var(--primary);font-size:.85rem;font-weight:750}
.donation-facts strong{display:block;margin:.12rem 0 .35rem}
.donation-facts p{color:var(--muted-foreground);line-height:1.5}
.donation-card{border:1px solid var(--border);border-radius:1rem;padding:2.4rem;box-shadow:0 15px 45px #11182713}
.donation-card__heading{display:flex;gap:1rem;align-items:center;margin-bottom:1.6rem}
.donation-card__heading h2{font-size:1.65rem;font-weight:750;line-height:1.2}
.donation-card__heading p{margin-top:.35rem;color:var(--muted-foreground)}
.donation-card__mark{display:grid;place-items:center;flex:0 0 3rem;height:3rem;border-radius:.8rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,white);font-size:2rem}
.donation-form{display:flex;flex-direction:column}
.donation-form fieldset{border:0;padding:0;margin:0 0 1.4rem}
.donation-form legend,.donation-form label{display:block;font-size:.9rem;font-weight:650;margin:0 0 .55rem}
.donation-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.3rem 0 1.35rem}
.donation-amounts button{border:1px solid var(--border);border-radius:.6rem;padding:.85rem .3rem;background:var(--background);font-weight:700;white-space:nowrap;cursor:pointer}
.donation-amounts button:hover,.donation-amounts button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}
.donation-form>input,.donation-amount-input,.donation-status-token{width:100%;min-height:3rem;border:1px solid var(--border);border-radius:.6rem;background:var(--background);color:var(--foreground)}
.donation-form>input{padding:.7rem .9rem;margin-bottom:1.35rem}
.donation-amount-input{display:flex;align-items:center;padding-left:1rem}
.donation-amount-input span{font-weight:700;color:var(--muted-foreground)}
.donation-amount-input input{width:100%;padding:.7rem .9rem;outline:0;background:transparent}
.donation-form small{display:block;color:var(--muted-foreground);margin:.55rem 0 0}
.donation-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:3.2rem;border:0;border-radius:.65rem;background:var(--primary);color:var(--primary-foreground);font-weight:700;cursor:pointer}
.donation-submit:hover{filter:brightness(.92)}
.donation-privacy{margin-top:1rem;color:var(--muted-foreground);font-size:.82rem;line-height:1.6;text-align:center}
.donation-status{min-height:65vh;padding:10rem 1rem 5rem;display:grid;place-items:start center;background:var(--secondary)}
.donation-status__card{max-width:680px;width:100%;padding:2.5rem;border:1px solid var(--border);border-radius:1rem;box-shadow:0 15px 45px #11182713;background:var(--card)}
.donation-status__card h1{font-size:2.25rem;line-height:1.2;font-weight:750;margin:.5rem 0 1.3rem}
.donation-status__card p{margin-bottom:1rem;line-height:1.65}
.donation-status__card .donation-submit{text-decoration:none;margin-top:1.7rem}
.donation-status__error{padding:1rem;border-radius:.6rem;background:#fff3ee;color:#8c2d17}
.donation-status__note{color:var(--muted-foreground);font-size:.9rem}
.donation-form input:focus-visible,.donation-amount-input:focus-within,.donation-amounts button:focus-visible,.donation-submit:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:950px){.donation-hero__grid,.donation-content__grid{grid-template-columns:1fr;gap:2.5rem}.donation-hero__image{height:300px}.donation-explainer{padding:0}}
@media(max-width:600px){.donation-hero{padding:7.5rem 0 3.5rem}.donation-content{padding:3.5rem 0}.donation-card,.donation-status__card{padding:1.5rem}.donation-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-hero__image{height:230px}}