@font-face{font-family:Urbanist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2421d155e98c9717-s.0b-mzikr8-ae0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c8bbc89ca099f34-s.p.2qijkc4_gtkq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2421d155e98c9717-s.0b-mzikr8-ae0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c8bbc89ca099f34-s.p.2qijkc4_gtkq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2421d155e98c9717-s.0b-mzikr8-ae0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c8bbc89ca099f34-s.p.2qijkc4_gtkq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2421d155e98c9717-s.0b-mzikr8-ae0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c8bbc89ca099f34-s.p.2qijkc4_gtkq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2421d155e98c9717-s.0b-mzikr8-ae0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5c8bbc89ca099f34-s.p.2qijkc4_gtkq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist Fallback;src:local(Arial);ascent-override:95.93%;descent-override:25.24%;line-gap-override:0.0%;size-adjust:99.04%}.urbanist_82fa28fd-module__ORR2Vq__className{font-family:Urbanist,Urbanist Fallback;font-style:normal}.urbanist_82fa28fd-module__ORR2Vq__variable{--font-urbanist:"Urbanist", "Urbanist Fallback"}
:root{--color-red:#c62828;--color-black:#1a1a1a;--color-white:#fff;--color-gray:#999;--color-light-gray:#f8f9fa;--color-border:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-urbanist), sans-serif;background-color:var(--color-light-gray);color:var(--color-black);-webkit-font-smoothing:antialiased}.mobile-wrapper{background-color:var(--color-light-gray);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:100px;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.header{z-index:10;justify-content:space-between;align-items:center;padding:24px;display:flex;position:absolute;top:0;left:0;right:0}.header-logo{width:auto;height:40px}.header-search{color:var(--color-red);cursor:pointer;font-size:24px}.hero{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-start;height:480px;padding:120px 24px 24px;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(90deg,#f8f9faf2 0%,#f8f9facc 50%,#f8f9fa00 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:75%;position:relative}.hero-title{margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.2}.hero-title span{color:var(--color-red)}.hero-desc{color:#555;margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.5}.btn-primary{background-color:var(--color-red);color:var(--color-white);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.stats-card{z-index:10;background:var(--color-white);border-radius:24px;justify-content:space-around;align-items:stretch;margin:-60px 24px 24px;padding:24px 0;display:flex;position:relative;box-shadow:0 10px 30px #00000014}.stat-col{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:0 10px;display:flex}.stat-col.divider{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.stat-icon{color:var(--color-red);margin-bottom:8px;font-size:28px}.stat-val{color:var(--color-black);align-items:baseline;gap:2px;margin-bottom:4px;font-size:16px;font-weight:800;display:flex}.stat-val-sm{font-size:10px;font-weight:800}.stat-lbl{color:#a0a0a0;font-size:10px;font-weight:500;line-height:1.3}.carousel-dots{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.dot{background:#eaeaea;border-radius:50%;width:6px;height:6px}.dot.active{background:var(--color-red)}.section{padding:0 24px 24px}.section-title{margin-bottom:8px;font-size:20px;font-weight:700}.section-desc{color:var(--color-gray);margin-bottom:20px;font-size:12px;line-height:1.5}.program-list{scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;gap:16px;margin:0;padding:0 0 20px;display:flex;overflow-x:auto}.program-list::-webkit-scrollbar{display:none}.program-card-link{scroll-snap-align:start;flex:0 0 85%;width:85%;max-width:320px;text-decoration:none}.program-card{background:var(--color-white);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000000a}.pc-image-wrapper{padding:12px 12px 0}.pc-image{object-fit:cover;border-radius:12px;width:100%;height:180px}.pc-content{padding:16px 12px 20px}.pc-title{color:var(--color-black);margin-bottom:12px;font-size:16px;font-weight:800;line-height:1.3}.progress-container{align-items:center;gap:12px;display:flex}.progress-bar-bg{background:#eaeaea;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:var(--color-red);border-radius:4px;height:100%}.progress-text{color:var(--color-red);font-size:15px;font-weight:800}.pc-stats{justify-content:space-between;margin-top:12px;display:flex}.pc-stat-item{flex-direction:column;display:flex}.pc-stat-item.right{align-items:flex-end}.pc-stat-lbl{color:#b0b0b0;margin-bottom:4px;font-size:10px;font-weight:400}.pc-stat-val{color:var(--color-black);font-size:14px;font-weight:800}.faq-section{padding-bottom:24px}.faq-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.faq-item{cursor:pointer;flex-direction:column;padding:12px 0;transition:all .2s;display:flex}.faq-item.active{background-color:var(--color-white);border:1px solid #eaeaea;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000005}.faq-header{align-items:center;gap:16px;display:flex}.faq-icon-wrapper{justify-content:center;align-items:center;display:flex}.faq-icon{color:var(--color-red);font-size:24px}.faq-question{color:var(--color-black);flex:1;font-size:15px;font-weight:500;line-height:1.4}.faq-caret{color:var(--color-black);font-size:20px}.faq-content{color:var(--color-gray);margin-top:16px;font-size:13px;line-height:1.6}.about-section{padding-bottom:120px}.about-card{background-color:var(--color-white);border:1px solid #eaeaea;border-radius:20px;flex-direction:column;gap:16px;margin-top:16px;padding:24px;display:flex;box-shadow:0 4px 20px #00000005}.about-card p{color:var(--color-gray);font-size:13px;line-height:1.6}.about-logo-wrapper{margin-top:24px}.about-logo-bottom{object-fit:contain;width:auto;height:48px}.bottom-nav{background:var(--color-black);z-index:100;border-top-left-radius:30px;border-top-right-radius:30px;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:90px;padding-bottom:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--color-gray);flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--color-white)}.nav-icon-container{border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex}.nav-item.active .nav-icon-container{background:var(--color-red);color:var(--color-white)}.detail-hero{width:100%;height:350px;position:relative}.detail-hero-img{object-fit:cover}.back-button{background:var(--color-white);width:40px;height:40px;color:var(--color-black);z-index:10;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 4px 12px #0000001a}.detail-content{background:var(--color-white);z-index:5;border-top-left-radius:30px;border-top-right-radius:30px;margin-top:-30px;padding:32px 24px;position:relative}.detail-title{color:var(--color-black);margin-bottom:24px;font-size:22px;font-weight:800;line-height:1.3}.detail-funding{justify-content:space-between;align-items:flex-end;display:flex}.funding-left{flex-direction:column;display:flex}.funding-lbl{color:var(--color-gray);margin-bottom:4px;font-size:13px}.funding-val{color:var(--color-red);margin-bottom:2px;font-size:24px;font-weight:800}.funding-target{color:var(--color-gray);font-size:13px}.time-badge{color:var(--color-black);background:#f8f9fa;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.detail-stats{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.stat-achieved{color:var(--color-red);font-size:14px;font-weight:800}.stat-donatur{align-items:baseline;gap:4px;display:flex}.stat-donatur-lbl{color:var(--color-gray);font-size:12px}.stat-donatur-val{color:var(--color-black);font-size:14px;font-weight:800}.divider-line{border:none;border-top:1px solid #f0f0f0;margin:32px 0}.organizer-card{align-items:center;gap:16px;margin-top:16px;margin-bottom:16px;display:flex}.org-avatar{border-radius:50%;width:56px;height:56px;position:relative;overflow:hidden}.org-avatar-img{object-fit:cover}.org-info{flex-direction:column;display:flex}.org-name{color:var(--color-black);margin-bottom:4px;font-size:16px;font-weight:800}.org-verified{color:#2e7d32;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.org-desc{color:var(--color-gray);font-size:14px;line-height:1.6}.bottom-action-bar{background:var(--color-white);z-index:100;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:480px;padding:16px 24px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000d}.story-desc{color:var(--color-gray);margin-top:12px;font-size:14px;line-height:1.6}.btn-read-more{color:var(--color-red);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:14px;font-weight:800;display:flex}.story-gallery{scrollbar-width:none;gap:12px;margin-top:16px;padding-bottom:8px;display:flex;overflow-x:auto}.story-gallery::-webkit-scrollbar{display:none}.gallery-item{border-radius:12px;flex:0 0 100px;height:100px;position:relative;overflow:hidden}.gallery-img{object-fit:cover}.see-all{color:var(--color-gray);font-size:13px}.recent-donations{flex-direction:column;gap:16px;display:flex}.donation-item{justify-content:space-between;align-items:center;display:flex}.donor-info{flex-direction:column;gap:4px;display:flex}.donor-name{color:var(--color-black);font-size:14px;font-weight:800}.donor-time{color:var(--color-gray);font-size:12px}.donor-amount{color:var(--color-red);font-size:14px;font-weight:800}.nav-link-row{color:var(--color-black);cursor:pointer;justify-content:space-between;align-items:center;text-decoration:none;display:flex}