:root{--purple:#532f9e;--deep:#27154f;--red:#f32645;--muted:#5b5d72;--line:#e7e0f1;--soft:#f7f4ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#191531;background:#fff;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb532;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;left:15px;background:white;z-index:100;padding:10px}.skip:focus{top:10px}.header{position:sticky;top:0;background:#fff;box-shadow:0 2px 16px #210d3b14;z-index:30}.nav{display:flex;align-items:center;gap:28px;height:78px}.brand{display:flex;align-items:center;min-width:186px}.brand img{display:block;width:177px;height:60px;object-fit:contain}.menu{display:flex;align-items:center;gap:24px;margin:auto}.menu a{font-size:13px;font-weight:650;color:#383049;position:relative}.menu a:hover,.menu a.active{color:var(--purple)}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--purple)}.btn{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 22px;font-size:14px;font-weight:750;transition:.2s transform,.2s filter;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.red{background:var(--red);color:white}.purple{background:var(--purple);color:white}.outline-white{color:white;background:transparent;border:1.5px solid #fff}.navDonate{font-size:13px}.hamburger{display:none}.hero{position:relative;min-height:480px;background:#28154b;overflow:hidden;display:flex;align-items:center}.heroPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,14,77,.97) 0%,rgba(50,24,99,.91) 28%,rgba(55,31,107,.57) 49%,rgba(40,20,75,.02) 85%)}.heroInner{position:relative;z-index:1;padding:62px 0}.heroText{max-width:525px;color:white}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px}.light{color:#f5eefe}.hero h1{font-size:clamp(42px,5vw,71px);line-height:1.04;letter-spacing:-2px;margin:14px 0 20px;font-weight:850}.hero h1 em{font-style:normal;color:#ff304f}.hero p{max-width:430px;color:#e4dff1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.section{padding:68px 0}.section.soft{background:#faf8ff}.overline{font-size:12px;color:var(--purple);font-weight:850;letter-spacing:1.05px;display:flex;align-items:center;gap:12px}.overline:before{content:"";background:var(--red);height:3px;width:26px;border-radius:10px}.section h2,.modal h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.1px;line-height:1.14;margin:10px 0 23px}.section h2 span,.modal h2 span{color:var(--purple)}p{margin-top:0}.about{display:grid;grid-template-columns:1fr 1fr .55fr;gap:40px;align-items:center}.aboutPhoto img{width:100%;height:380px;object-fit:cover;border-radius:12px;display:block}.aboutCopy p{color:var(--muted);font-size:15px}.quote{color:var(--purple);font-family:Georgia,serif;font-style:italic;line-height:1.7;font-size:21px;background:var(--soft);padding:30px 22px;border-radius:14px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.pillar{background:#f0eafc;text-align:center;border-radius:12px;padding:26px 20px;min-height:215px}.pillar.pink{background:#fff0f3}.pillIcon{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:var(--purple);color:#fff;font-size:31px;display:grid;place-items:center}.pillar.pink .pillIcon{background:var(--red)}h3{margin:9px 0;font-size:18px}.pillar p{font-size:14px;color:var(--muted);margin:0}.headrow{display:flex;align-items:end;justify-content:space-between;gap:16px}.textlink{color:var(--purple);font-weight:750;font-size:13px;border:0;background:none;padding:0;text-align:left;cursor:pointer}.textlink:hover{text-decoration:underline}.programGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px}.programCard{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #27154f0b;background:white;display:flex;flex-direction:column}.programCard.featured{border-color:#c8b5f4}.programCard>img{width:100%;height:245px;object-fit:cover}.programContent{padding:21px;display:flex;flex:1;flex-direction:column}.programContent small{font-weight:850;font-size:11px;color:var(--purple)}.programContent h3{font-size:21px;letter-spacing:-.4px}.programContent p{font-size:14px;color:var(--muted)}.cardActions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px}.miniDonate{background:#f0eafa;border:0;color:var(--purple);border-radius:20px;font-weight:750;padding:7px 15px}.disclaimer{font-size:12px;color:#777287;margin-top:17px}.activity{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:45px}.activity p{color:var(--muted)}.activityImages{display:grid;grid-template-columns:1fr 1fr;gap:14px}.activityImages img{width:100%;height:350px;object-fit:cover;border-radius:12px}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:8px}.gallery button{padding:0;border:0;border-radius:10px;overflow:hidden;background:#eee;aspect-ratio:1/1.06}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.gallery button:hover img{transform:scale(1.06)}.muted{color:var(--muted);font-size:14px}.reasonGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.reasonGrid>div{display:grid;grid-template-columns:50px 1fr;column-gap:12px;align-items:center}.reasonGrid b{grid-row:span 2;width:50px;height:50px;background:var(--purple);border-radius:15px;color:#fff;display:grid;place-items:center;font-size:25px}.reasonGrid h3{font-size:16px}.reasonGrid p{font-size:12px;color:var(--muted);line-height:1.5}.donateBand{text-align:center;padding:70px 0;color:white;background:linear-gradient(110deg,#321663d9,#5d379edc),url('assets/relawan.webp') center 40%/cover}.donateBand h2{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:12px 0}.donateBand p{color:#f3eafa;margin-bottom:22px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact p{color:var(--muted)}.contactBox{background:var(--soft);border:1px solid var(--line);padding:26px;border-radius:12px}.footer{background:#fbfaff}.footerInner{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:46px 0}.footerLogo{width:200px;height:75px;object-fit:contain;object-position:left}.footer p{max-width:260px;font-size:13px;color:var(--muted)}.footer strong{display:block;color:var(--purple);margin-bottom:13px}.footer a,.footerButton{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.footerButton{background:none;border:0;padding:0;text-align:left}.footer a:hover,.footerButton:hover{color:var(--purple);text-decoration:underline}.footerBottom{background:var(--deep);color:#e4d8f8;font-size:12px;padding:13px 0}.modal{position:fixed;inset:0;display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modalShade{position:absolute;inset:0;background:#110a26d9}.modalBox{position:relative;background:white;border-radius:18px;width:min(530px,100%);max-height:90vh;overflow:auto;padding:33px;box-shadow:0 25px 80px #0006}.modalClose{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;color:#5f536e;line-height:1;padding:10px}.modalBox h2{font-size:29px;margin:9px 0}.modalBox p{font-size:14px;color:var(--muted)}.modalBox form{display:grid;gap:7px}.modalBox form>label{font-size:13px;font-weight:750;margin-top:6px}.modalBox input:not([type=checkbox]),.modalBox select{width:100%;border:1px solid #dcd4e9;padding:11px;border-radius:8px;background:white;color:#201b30}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.amounts button{padding:9px 3px;background:#f5f2fa;border:1px solid #ddd4ed;border-radius:7px;font-size:12px;color:var(--purple);font-weight:700}.amounts button.chosen{background:var(--purple);color:white}.checkline{display:flex;gap:9px;align-items:flex-start;font-size:12px!important;font-weight:400!important;line-height:1.45}.checkline input{margin-top:4px;flex:none}.btn.full{width:100%;margin-top:13px}.donateResult{margin-top:18px;padding:17px;border:1px solid var(--line);background:var(--soft);border-radius:10px}.donateResult pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px}.donateResult .notice,.note{padding:10px;background:#fff5e5;border-left:4px solid #f8af33;color:#695027;font-size:12px;margin:15px 0}.infoModal .btn{margin-top:10px}.photoBox{position:relative;width:min(900px,100%);display:grid;justify-items:center;color:white}.photoBox img{max-width:100%;max-height:74vh;object-fit:contain;border-radius:5px}.photoBox .modalClose{color:white;font-size:40px;right:0;top:-50px}.photoBox p{margin:10px 0 0}.photoControls{display:flex;gap:30px;align-items:center;margin-top:10px}.photoControls button{border:1px solid #ffffff60;background:#ffffff21;color:white;border-radius:6px;padding:6px 13px}@media(max-width:1000px){.nav{gap:12px}.menu{gap:12px}.brand{min-width:160px}.brand img{width:155px}.navDonate{padding:10px 12px}.about{grid-template-columns:1fr 1fr}.quote{grid-column:span 2}.reasonGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 34px,560px)}.nav{height:67px}.brand img{width:158px}.hamburger{display:grid;margin-left:auto;border:0;background:transparent;gap:4px;padding:12px}.hamburger span{height:2px;width:24px;background:var(--purple)}.navDonate{display:none}.menu{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:15px 25px 22px;box-shadow:0 12px 20px #27154f25;flex-direction:column;align-items:stretch;gap:12px}.menu.open{display:flex}.menu a{font-size:15px;padding:7px 0}.menu a.active:after,.menu a:hover:after{bottom:2px;right:auto;width:50px}.hero{min-height:610px;align-items:end}.heroPhoto{object-position:55% 0}.heroOverlay{background:linear-gradient(0deg,#28114f 0%,#28114ff0 35%,#28114f30 100%)}.heroInner{padding:210px 0 50px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero p{font-size:14px}.section{padding:50px 0}.about,.activity,.contact{grid-template-columns:1fr;gap:22px}.aboutPhoto img{height:360px}.quote{grid-column:auto;font-size:18px}.pillars{grid-template-columns:repeat(2,1fr)}.pillar{padding:20px 12px}.programGrid{grid-template-columns:1fr}.programCard>img{height:260px}.activityImages img{height:270px}.gallery{grid-template-columns:repeat(3,1fr)}.footerInner{grid-template-columns:repeat(2,1fr);gap:20px}.headrow{align-items:start;flex-direction:column}.reasonGrid{gap:16px}.modalBox{padding:24px 18px}.amounts{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.pillars{grid-template-columns:1fr 1fr}.pillar{min-height:225px}.gallery{grid-template-columns:repeat(2,1fr)}.reasonGrid{grid-template-columns:1fr}.hero h1{font-size:43px}.actions .btn{padding:11px 14px}.footerInner{grid-template-columns:1fr 1fr}.footerInner>div:first-child{grid-column:span 2}}