/* Page 9 — Sumbangan V12. Loaded after legacy styles so donation engine IDs/classes stay intact. */
body{background:#fbfaf6}
.donation-hero-v12{min-height:585px;position:relative;display:flex;align-items:end;color:#fff;overflow:hidden}.donation-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.donation-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,28,.96) 0%,rgba(9,47,38,.86) 48%,rgba(7,33,27,.45) 100%),linear-gradient(0deg,rgba(5,31,25,.9),transparent 58%)}.donation-hero-inner{position:relative;padding:108px 0 34px}.donation-hero-copy{max-width:760px}.donation-hero-copy h1{font-family:"Playfair Display",serif;font-size:clamp(45px,6vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 20px}.donation-hero-copy p{max-width:665px;color:#d5e3dd;font-size:16px;margin:0}.donation-hero-actions{display:flex;gap:10px;margin-top:28px}.donation-trust-strip{margin-top:70px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(3,1fr);max-width:860px}.donation-trust-strip>div{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:22px 24px 0 0}.donation-trust-strip b{color:#e5c979;font-size:11px}.donation-trust-strip span{display:grid}.donation-trust-strip strong{font-size:13px}.donation-trust-strip small{font-size:9px;color:#b9cec5;margin-top:2px}
.donation-main-v12{padding:92px 0;background:linear-gradient(180deg,#0c332a,#0a2b24)}.donation-main-v12 .campaign-main-copy>h2{font-family:"Playfair Display",serif;font-size:clamp(34px,4.5vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 13px;color:#fff}.donation-main-v12 .campaign-main-copy>p{color:#c4d6cf;font-size:13px}.donation-main-v12 .campaign-selector-block{background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.04)}.donation-main-v12 .selected-campaign-card{box-shadow:0 18px 55px rgba(0,0,0,.14)}.donation-main-v12 .qr-donation-card-v2{border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px rgba(0,0,0,.2)}.donation-main-v12 .donation-steps-card{box-shadow:0 22px 60px rgba(0,0,0,.15)}
.donation-purpose-v12{padding:96px 0;background:#fbfaf6}.donation-purpose-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:start}.purpose-copy h2,.faq-v12-grid h2,.closing-v12-inner h2{font-family:"Playfair Display",serif}.purpose-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}.purpose-copy p{font-size:13px;color:#68766f}.purpose-cards{display:grid;gap:12px}.purpose-cards article{display:grid;grid-template-columns:48px 1fr;column-gap:17px;background:#fff;border:1px solid #dde4df;border-radius:20px;padding:21px 22px}.purpose-cards article>span{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:#edf4ef;color:#1e5948;display:grid;place-items:center;font-size:10px;font-weight:900}.purpose-cards h3{font-size:16px;margin:1px 0 3px}.purpose-cards p{font-size:11px;color:#68766f;margin:0}
.donation-transparency-v12{padding:90px 0}.donation-transparency-v12 .section-head h2{font-family:"Playfair Display",serif;font-size:clamp(32px,4vw,48px)}.donation-transparency-v12 .section-head p{font-size:12px;color:#68766f}.donation-transparency-v12 .transparency-grid article{border-radius:20px}.donation-transparency-v12 .recent-wrap{border-radius:22px;box-shadow:0 18px 45px rgba(20,55,44,.06)}
.donation-faq-v12{padding:96px 0;background:#fff}.faq-v12-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.faq-v12-grid h2{font-size:45px;line-height:1.08;margin:0 0 12px}.faq-v12-grid>div:first-child p{font-size:12px;color:#68766f}.faq-v12-list{border-top:1px solid #dde4df}.faq-v12-list details{border-bottom:1px solid #dde4df;padding:18px 0}.faq-v12-list summary{font-weight:800;font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-v12-list summary:after{content:"+";font-size:20px;color:#1e5948}.faq-v12-list details[open] summary:after{content:"−"}.faq-v12-list p{font-size:11px;color:#68766f;padding-right:35px;margin:10px 0 0}
.donation-closing-v12{padding:66px 0;background:#143f34;color:#fff}.closing-v12-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.closing-v12-inner h2{font-size:38px;line-height:1.08;margin:0 0 10px}.closing-v12-inner p{font-size:11px;color:#bfd2ca}
/* Preserve working modal while making it visually consistent with V12. */
.donate-modal-v2{border:0;border-radius:24px;padding:0;max-height:92vh}.donate-modal-v2::backdrop{background:rgba(4,22,18,.78);backdrop-filter:blur(4px)}.donate-modal-v2 .donate-modal-content{padding:28px}.donate-modal-v2 .donate-modal-content>h3{font-family:"Playfair Display",serif;font-size:30px;line-height:1.08}.donate-modal-v2 input,.donate-modal-v2 select{font-family:"DM Sans",sans-serif}.sticky-donate{z-index:45}
@media(max-width:980px){.donation-purpose-grid,.faq-v12-grid{grid-template-columns:1fr;gap:36px}.donation-trust-strip{grid-template-columns:1fr 1fr 1fr}.closing-v12-inner{grid-template-columns:1fr}.donation-main-v12{padding:72px 0}}
@media(max-width:640px){.donation-hero-v12{min-height:650px}.donation-hero-inner{padding:94px 0 26px}.donation-hero-copy h1{font-size:43px}.donation-hero-copy p{font-size:14px}.donation-hero-actions{flex-direction:column}.donation-trust-strip{grid-template-columns:1fr;margin-top:42px}.donation-trust-strip>div{padding:10px 0 0;border-left:2px solid rgba(229,201,121,.62);padding-left:12px;grid-template-columns:28px 1fr}.donation-main-v12{padding:62px 0}.campaign-layout-v2{gap:22px}.donation-purpose-v12,.donation-faq-v12{padding:68px 0}.purpose-copy h2,.faq-v12-grid h2{font-size:35px}.purpose-cards article{grid-template-columns:42px 1fr;padding:17px}.purpose-cards article>span{width:42px;height:42px}.donation-transparency-v12{padding:68px 0}.closing-v12-inner h2{font-size:31px}.donation-closing-v12{padding:52px 0}.sticky-donate{left:10px;right:10px;bottom:10px}.donate-modal-v2 .donate-modal-content{padding:22px 16px}.donate-modal-v2 .donate-modal-content>h3{font-size:26px}}