.online-donation-page{padding:58px 0 75px;background:linear-gradient(180deg,#f5faf6 0,#fff 45%)}
.donation-hero-copy{max-width:760px;margin:0 auto 34px}.donation-kicker{display:inline-block;color:#1e8d52;font-size:12px;font-weight:800;letter-spacing:1.8px;margin-bottom:9px}.donation-hero-copy h2{font-size:38px;margin:0 0 12px;color:#18382a;font-weight:800}.donation-hero-copy p{font-size:17px;line-height:1.7;color:#627168;margin:0}
.donation-layout{display:flex;align-items:flex-start}.online-donation-panel,.campaign-card,.impact-card,.trust-card{background:#fff;border:1px solid #e2ebe5;border-radius:16px;box-shadow:0 14px 40px rgba(27,74,49,.08)}.online-donation-panel{padding:34px}.donation-step{padding-bottom:27px;margin-bottom:27px;border-bottom:1px solid #edf1ee}.donation-step:last-of-type{border-bottom:0;margin-bottom:10px;padding-bottom:5px}.donation-step-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#223d2f;margin-bottom:20px}.donation-step-title span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#1f9255;color:#fff;font-size:14px}
.donation-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.donation-choice{display:grid;grid-template-columns:40px 1fr;text-align:left;column-gap:10px;align-items:center;border:2px solid #e3eae6;background:#fff;border-radius:12px;padding:15px;cursor:pointer;transition:.2s}.donation-choice i{grid-row:1/3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef8f2;color:#1f9255;font-size:18px}.donation-choice strong{color:#263d31;font-size:15px}.donation-choice small{color:#718078;line-height:1.3}.donation-choice:hover,.donation-choice.active{border-color:#1f9255;background:#f4fbf7}.donation-frequency{display:flex;background:#eef3f0;border-radius:10px;padding:5px;gap:5px}.frequency-button{flex:1;border:0;background:transparent;border-radius:7px;padding:11px;font-weight:700;color:#64736b;cursor:pointer}.frequency-button.active{background:#fff;color:#1f9255;box-shadow:0 3px 12px rgba(34,78,53,.10)}.monthly-note{margin:12px 0 0;padding:11px 13px;border-radius:8px;background:#fff8e6;color:#725500;font-size:13px;line-height:1.5}
.online-donation-form label{display:block;margin:0 0 7px;font-weight:700;color:#33463c}.online-donation-form input,.online-donation-form select,.online-donation-form textarea{width:100%;height:48px;border:1px solid #d6e0da;border-radius:8px;padding:11px 13px;margin-bottom:17px;background:#fff;color:#293a31;font:inherit}.online-donation-form textarea{height:auto;resize:vertical}.online-donation-form input:focus,.online-donation-form select:focus,.online-donation-form textarea:focus{outline:none;border-color:#1f9255;box-shadow:0 0 0 3px rgba(31,146,85,.12)}.online-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:19px}.online-quick-button{border:1px solid #bcdac8;background:#fff;color:#237b4c;border-radius:8px;padding:12px 7px;font-weight:800;cursor:pointer;transition:.2s}.online-quick-button:hover,.online-quick-button.active{background:#1f9255;border-color:#1f9255;color:#fff;transform:translateY(-1px)}.online-amount-field{display:flex;align-items:stretch;margin-bottom:7px}.online-amount-field span{display:flex;align-items:center;padding:0 14px;background:#edf4ef;border:1px solid #d6e0da;border-right:0;border-radius:8px 0 0 8px;font-weight:800;color:#315240}.online-amount-field input{margin:0;border-radius:0 8px 8px 0}.minimum-note{font-size:12px;color:#718078;margin:0 0 18px}.online-donate-button{width:100%;border:0;border-radius:9px;background:#1f9255;color:#fff;padding:16px 18px;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(31,146,85,.22);transition:.2s}.online-donate-button:hover{background:#187b47;transform:translateY(-1px)}.online-security-note{margin-top:16px;color:#708078;text-align:center;font-size:12px;line-height:1.5}.online-security-note i{color:#1f9255;margin-right:5px}.online-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.online-donation-form small{font-weight:400;color:#78847e}
.donation-sidebar{position:sticky;top:100px}.campaign-card,.impact-card{padding:27px;margin-bottom:18px}.campaign-label{display:inline-block;color:#1f9255;font-size:11px;font-weight:800;letter-spacing:1.3px;margin-bottom:10px}.campaign-card h3{font-size:25px;line-height:1.25;color:#203c2e;margin:0 0 12px;font-weight:800}.campaign-card p{color:#6b7971;line-height:1.65}.progress-amounts{display:flex;justify-content:space-between;align-items:end;margin:20px 0 9px}.progress-amounts strong{font-size:20px;color:#1f9255}.progress-amounts span{font-size:13px;color:#7a877f}.campaign-progress{height:12px;background:#e8efea;border-radius:20px;overflow:hidden}.campaign-progress-bar{height:100%;background:linear-gradient(90deg,#1f9255,#5abd7f);border-radius:20px}.campaign-percentage{text-align:right;margin-top:7px;color:#66766d;font-size:12px}.impact-card h4{font-size:19px;color:#263f32;margin:0 0 19px;font-weight:800}.impact-item{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid #edf1ee}.impact-item:last-child{border-bottom:0;padding-bottom:0}.impact-item i{flex:0 0 38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#edf8f1;color:#1f9255;font-size:16px}.impact-item div{display:flex;flex-direction:column}.impact-item strong{color:#30473a}.impact-item span{font-size:12px;color:#78857e;line-height:1.45;margin-top:2px}.trust-card{display:flex;gap:12px;padding:18px;margin-bottom:20px}.trust-card>i{color:#1f9255;font-size:25px}.trust-card div{display:flex;flex-direction:column}.trust-card strong{color:#2b4336}.trust-card span{font-size:12px;color:#75827b;line-height:1.5;margin-top:2px}.online-back-link a{color:#4f695b;font-weight:700}.online-back-link a:hover{color:#1f9255}
@media(max-width:991px){.donation-layout{display:block}.donation-sidebar{position:static;margin-top:25px}}
@media(max-width:767px){.online-donation-page{padding:35px 0 50px}.donation-hero-copy{margin-bottom:24px;padding:0 8px}.donation-hero-copy h2{font-size:29px}.donation-hero-copy p{font-size:15px}.online-donation-panel{padding:22px 16px;border-radius:12px}.donation-choice-grid{grid-template-columns:1fr}.online-quick-amounts{grid-template-columns:repeat(2,1fr)}.donation-step-title{font-size:16px}.campaign-card,.impact-card{padding:22px}.online-donation-form .row>div{padding-left:15px;padding-right:15px}}