.donate-page{--donate-green:#143e32;--donate-gold:#e4bb6d}
.donate-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:35px 0 72px;align-items:start}
.donate-layout>*{min-width:0}
.donate-story{background:var(--donate-green);color:white;border-radius:20px;overflow:hidden}
.donate-intro{padding:40px 42px 35px}
.donate-intro .section-label{color:#d6e3d8}
.donate-page h1{font-size:clamp(3.5rem,5.4vw,5.2rem);line-height:1.04;margin:28px 0 24px;letter-spacing:-.055em}
.donate-page h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;color:var(--donate-gold)}
.donate-intro>p{font-size:1.0625rem;line-height:1.75;max-width:340px;margin:0;color:#e0e8e2}
.donate-landscape{margin:0;position:relative}
.donate-landscape img{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 55%}
.donate-landscape figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 23px;background:linear-gradient(transparent,rgba(12,28,20,.7));font:italic 1.35rem Georgia,serif;color:white}
.donation-card{border:1px solid #dce4df;border-radius:20px;background:#fff;padding:34px 34px 0;overflow:hidden}
.donation-heading h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin:13px 0 9px}
.donation-heading>p{font-size:1rem;line-height:1.6;color:#657168;margin:0 0 25px}
.donation-tabs{display:flex;padding:5px;border-radius:10px;background:#eef3ef;gap:5px;margin-bottom:8px}
.donation-tabs button{flex:1;border:0;border-radius:7px;background:transparent;color:#40594b;padding:12px 9px;font:inherit;font-size:.9375rem;cursor:pointer;line-height:1.4}
.donation-tabs button[aria-selected="true"]{background:var(--donate-green);color:#fff;box-shadow:0 2px 4px #143e321a}
.donate-page :is(button,a):focus-visible{outline:3px solid #af7829;outline-offset:4px}
.bank-details{margin:0}
.bank-details dt{font-size:.875rem;color:#657168;margin-bottom:9px;line-height:1.4}
.bank-details dd{font-size:1rem;line-height:1.5;margin:0;overflow-wrap:anywhere}
.account-holder{padding:22px 0;border-bottom:1px solid #e0e6e1}
.account-holder dd{font-size:1.125rem}
.bank-copy-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #e0e6e1}
.bank-details .account-number{font-size:clamp(1.25rem,1.9vw,1.7rem);letter-spacing:.015em;font-variant-numeric:tabular-nums;font-weight:500}
.bank-details .ifsc-code{font-size:1.25rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.copy-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #dce4df;border-radius:8px;background:white;color:#1c4c39;cursor:pointer}
.copy-button:hover{background:#edf3ee;border-color:#94ac9a}
.bank-location{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;padding-top:22px}
.transfer-note{font-size:.875rem;line-height:1.65;color:#667368;border-top:1px solid #e0e6e1;margin:23px 0 0;padding-top:16px}
.copy-status{color:#20583c;font-size:.875rem;line-height:1.5;min-height:21px;margin:9px 0 13px}
.donation-card-foot{background:#f4f7f3;border-top:1px solid #e1e8e1;margin:0 -34px;padding:17px 28px;text-align:center;font-size:.8125rem;line-height:1.5;color:#54705b}
.qr-panel{padding-top:12px;text-align:center}
.qr-panel>p{font-size:.875rem;line-height:1.7;color:#657168;margin:8px 0 15px}
.qr-image-link{display:block;max-width:240px;margin:auto}
.qr-image-link img{width:100%;height:auto;display:block}
.save-qr{display:inline-flex;gap:28px;align-items:center;padding:12px 0;font-size:.875rem;text-underline-offset:5px}
.donation-purpose{padding:54px 0 60px;border-top:1px solid #dce4df}
.donation-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:42px}
.donation-section-heading h2{font-size:2.3rem}
.purpose-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.purpose-columns article{border-top:1px solid #c9d5cb;padding-top:23px}
.purpose-index{font-size:.75rem;letter-spacing:.1em;color:#586c5c}
.purpose-columns h3{font-size:1.55rem;letter-spacing:-.03em;line-height:1.25;margin:23px 0 15px}
.purpose-columns p{font-size:1rem;line-height:1.75;color:#627166;max-width:295px;margin:0}
.donation-help{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f0f4ef;padding:35px 38px;border-radius:16px;margin:8px 0 64px}
.donation-help h2{font-size:2rem;margin:13px 0}
.donation-help p{font-size:1rem;line-height:1.7;margin:0;color:#627166}
.donation-help .pill-link{flex-shrink:0;font-size:.875rem}
@media(max-width:1100px){.donate-layout{gap:26px}.donate-intro{padding:35px 30px}.donation-card{padding:28px 26px 0}.donation-card-foot{margin:0 -26px}.donation-heading h2{font-size:1.85rem}.donate-page h1{font-size:3.9rem}.donate-landscape img{height:290px}}
@media(max-width:760px){.donate-layout{grid-template-columns:1fr;padding:22px 0 40px;gap:24px}.donate-story{display:contents}.donate-intro{padding:8px 0 0;color:var(--donate-green)}.donate-intro .section-label{color:#596d60}.donate-page h1{font-size:3.5rem;margin:20px 0}.donate-page h1 br{display:none}.donate-page h1 em{color:#2f6544}.donate-intro>p{color:#5a6d60;max-width:500px;font-size:1rem;line-height:1.65}.donation-card{grid-row:2;padding:25px 24px 0}.donation-card-foot{margin:0 -24px}.donate-landscape{grid-row:3;border-radius:16px;overflow:hidden}.donate-landscape img{height:230px}.bank-details .account-number{font-size:1.5rem}.donation-purpose{padding:35px 0}.donation-section-heading{display:block;margin-bottom:28px}.donation-section-heading h2{margin-top:18px;font-size:2.15rem}.purpose-columns{grid-template-columns:1fr;gap:28px}.purpose-columns article{padding-top:18px}.purpose-columns h3{font-size:1.5rem;margin:17px 0 12px}.purpose-columns h3 br{display:none}.purpose-columns p{max-width:100%}.donation-help{display:block;padding:27px;margin:0 0 42px}.donation-help h2{font-size:1.85rem}.donation-help .pill-link{margin-top:23px}.donate-page .section-label{font-size:.75rem}}
@media(max-width:360px){.donate-page h1{font-size:3rem}.donation-card{padding:23px 18px 0}.donation-card-foot{margin:0 -18px}.bank-details .account-number{font-size:1.2rem}.bank-location{gap:15px}.bank-details dd{font-size:.9375rem}}
@media(max-width:760px){.donate-page h1{font-size:3rem;line-height:1.08}.donate-page h1 br{display:block}}