.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 126px);background-color:rgba(2,21,29,.8);gap:40px;margin:0 auto}section.hero-section{background-image:url(/_next/static/media/hero_bg_image.8a42c543.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:100%}.hero-container .hero-content-title{display:flex;flex-direction:column;gap:8px;width:80%}.hero-content{display:flex;flex-direction:column;gap:40px}.hero-content .action-buttons{display:flex;gap:24px}.set-max-width{max-width:1440px;margin:0 auto}.set-section-padding{padding:80px 120px}.set-section-padding.x-only{padding:0 120px}.intro-container{background-color:var(--white);gap:64px;height:60vh;min-height:720px}.intro-container,.intro-container .intro-content-title{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-container .intro-content-title{gap:8px}.intro-container .intro-content-title h3{width:60%;text-align:center}.intro-container .intro-point-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.intro-container .intro-point-card h5,.intro-container .intro-point-card p{text-align:center}.intro-container .intro-content-cards{display:flex;justify-content:center;gap:24px;width:100%}.feature-container{background-color:var(--white);width:100%;display:flex;flex-direction:row;gap:64px;height:60vh;align-items:center;justify-content:center;min-height:720px}.feature-container .feature-image img{max-width:640px;max-height:460px;object-fit:cover;border-radius:24px}.feature-container .feature-points{display:flex;flex-direction:column;gap:10px}.tick-point{display:flex;gap:8px;align-items:center}.get-involved-container{gap:64px;background-color:var(--gray-50);min-height:720px}.get-involved-container,.get-involved-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.get-involved-content{gap:8px}.get-involved-container .get-involved-cards{display:flex;flex-direction:row;gap:24px;width:100%}.get-involved-container .get-involved-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:40px 32px;gap:32px;border-radius:24px}.get-involved-container .get-involved-card img{height:64px;width:64px}.get-involved-container .get-involved-card .get-involved-card-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.get-involved-container .get-involved-card .get-involved-card-content h5{font-size:28px;line-height:32px}.get-involved-container .get-involved-card.dark h5,.get-involved-container .get-involved-card.dark p{color:var(--white)!important}.charity-campaigns-content{gap:8px}.charity-campaigns-container,.charity-campaigns-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.charity-campaigns-container{gap:64px}.metric-item{display:flex;flex-direction:row;gap:24px}.metric-item img{width:54px;height:54px}.metrics-section{display:flex;flex-direction:row;width:100%}.metrics-container{height:60vh;width:100%;min-height:620px}.metrics-content{display:flex;flex-direction:column;gap:64px;align-items:flex-start;justify-content:center;max-width:720px!important;height:100%}.metrics-content.left{margin-left:auto;padding:120px}.metrics-content.right{margin-right:auto;padding:80px;gap:24px;align-items:flex-start}.join-as-volunteer-section{background-image:url(/_next/static/media/volunteer_bg_image.d839c7f1.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:100%}.join-as-volunteer-container{display:flex;flex-direction:row;gap:64px;align-items:flex-start;justify-content:center;padding-top:120px;padding-bottom:120px}.volunteer-application-submitted,form.join-as-volunteer-form{background-color:rgba(54,79,117,.5)!important;padding:40px;display:flex;flex-direction:column;gap:16px;width:100%;border-radius:24px}.volunteer-application-submitted{min-height:280px;align-items:flex-start;justify-content:center}.cta-container{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between}.cta-container .cta-content{width:70%}@media screen and (max-width:768px){.hero-container{height:calc(100vh - 126px)}.hero-container .hero-content-title{width:100%}.hero-content{gap:24px}.hero-content .action-buttons{flex-direction:column;gap:16px}.set-section-padding{padding:40px 16px}.set-section-padding.x-only{padding:0 16px}.intro-container{height:100%}.intro-container .intro-content-title h3{width:100%}.intro-container .intro-point-card h5{font-size:24px}.intro-container .intro-point-card p{font-size:16px}.intro-container .intro-content-cards{flex-direction:column;gap:24px}.feature-container{height:100%;flex-direction:column;padding:80px 16px}.feature-container .feature-image{width:100%}.feature-container .feature-image img{width:100%;height:auto;object-fit:cover}.get-involved-container{height:100%}.get-involved-container .get-involved-cards{flex-direction:column;gap:24px}.get-involved-container .get-involved-card{padding:24px}.get-involved-container .get-involved-card img{height:32px;width:32px}.get-involved-container .get-involved-card .get-involved-card-content h5{font-size:24px;line-height:28px}.get-involved-container .get-involved-card .get-involved-card-content p{font-size:16px}.charity-campaigns-container{height:100%}.metrics-section{flex-direction:column}.metrics-container{height:100%}.metrics-content{padding:40px}.metrics-content.left{margin-left:unset;padding:80px 40px}.metrics-content.right{padding:80px 40px;margin-right:unset}.join-as-volunteer-container{flex-direction:column;gap:24px;padding-top:40px;padding-bottom:40px}.join-as-volunteer-container form.join-as-volunteer-form{padding:24px}.cta-container{flex-direction:column;gap:16px}.cta-content{width:100%!important}}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-primary-blue{background-color:var(--primary-blue)}.bg-primary-orange{background-color:var(--primary-orange)}.bg-primary-light{background-color:var(--primary-light)}.bg-primary-dark{background-color:var(--primary-dark)}.bg-transparent-black{background-color:var(--transparent-black)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-600{background-color:var(--gray-600)}.bg-gray-500{background-color:var(--gray-500)}.bg-gray-400{background-color:var(--gray-400)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-25{background-color:var(--gray-25)}.bg-purple-900{background-color:var(--purple-900)}.bg-purple-800{background-color:var(--purple-800)}.bg-purple-700{background-color:var(--purple-700)}.bg-purple-600{background-color:var(--purple-600)}.bg-purple-500{background-color:var(--purple-500)}.bg-purple-400{background-color:var(--purple-400)}.bg-purple-300{background-color:var(--purple-300)}.bg-purple-200{background-color:var(--purple-200)}.bg-purple-100{background-color:var(--purple-100)}.bg-purple-50{background-color:var(--purple-50)}.bg-purple-25{background-color:var(--purple-25)}.bg-green-900{background-color:var(--success-900)}.bg-green-800{background-color:var(--success-800)}.bg-green-700{background-color:var(--success-700)}.bg-green-600{background-color:var(--success-600)}.bg-green-500{background-color:var(--success-500)}.bg-green-400{background-color:var(--success-400)}.bg-green-300{background-color:var(--success-300)}.bg-green-200{background-color:var(--success-200)}.bg-green-100,.bg-green-25,.bg-green-50{background-color:var(--success-100)}.bg-orange-900{background-color:var(--orange-900)}.bg-orange-800{background-color:var(--orange-800)}.bg-orange-700{background-color:var(--orange-700)}.bg-orange-600{background-color:var(--orange-600)}.bg-orange-500{background-color:var(--orange-500)}.bg-orange-400{background-color:var(--orange-400)}.bg-orange-300{background-color:var(--orange-300)}.bg-orange-200{background-color:var(--orange-200)}.bg-orange-100{background-color:var(--orange-100)}.bg-error-25{background-color:var(--error-25)}.bg-error-50{background-color:var(--error-50)}.bg-error-100{background-color:var(--error-100)}.bg-error-200{background-color:var(--error-200)}.bg-error-300{background-color:var(--error-300)}.bg-error-400{background-color:var(--error-400)}.bg-error-500{background-color:var(--error-500)}.bg-error-600{background-color:var(--error-600)}.bg-error-700{background-color:var(--error-700)}.bg-error-800{background-color:var(--error-800)}.bg-error-900{background-color:var(--error-900)}.bg-warning-25{background-color:var(--warning-25)}.bg-warning-50{background-color:var(--warning-50)}.bg-warning-100{background-color:var(--warning-100)}.bg-warning-200{background-color:var(--warning-200)}.bg-warning-300{background-color:var(--warning-300)}.bg-warning-400{background-color:var(--warning-400)}.bg-warning-500{background-color:var(--warning-500)}.bg-warning-600{background-color:var(--warning-600)}.bg-warning-700{background-color:var(--warning-700)}.bg-warning-800{background-color:var(--warning-800)}.bg-warning-900{background-color:var(--warning-900)}.bg-blue-25{background-color:var(--blue-25)}.bg-blue-50{background-color:var(--blue-50)}.bg-blue-100{background-color:var(--blue-100)}.bg-blue-200{background-color:var(--blue-200)}.bg-blue-300{background-color:var(--blue-300)}.bg-blue-400{background-color:var(--blue-400)}.bg-blue-500{background-color:var(--blue-500)}.bg-blue-600{background-color:var(--blue-600)}.bg-blue-700{background-color:var(--blue-700)}.bg-blue-800{background-color:var(--blue-800)}.bg-blue-900{background-color:var(--blue-900)}.bg-blue-gray-900{background-color:var(--blue-gray-900)}.bg-blue-gray-800{background-color:var(--blue-gray-800)}.bg-blue-gray-700{background-color:var(--blue-gray-700)}.bg-blue-gray-600{background-color:var(--blue-gray-600)}.bg-blue-gray-500{background-color:var(--blue-gray-500)}.bg-blue-gray-400{background-color:var(--blue-gray-400)}.bg-blue-gray-300{background-color:var(--blue-gray-300)}.bg-blue-gray-200{background-color:var(--blue-gray-200)}.bg-blue-gray-100{background-color:var(--blue-gray-100)}.bg-blue-gray-50{background-color:var(--blue-gray-50)}.bg-blue-gray-25{background-color:var(--blue-gray-25)}.bg-indigo-900{background-color:var(--indigo-900)}.bg-indigo-800{background-color:var(--indigo-800)}.bg-indigo-700{background-color:var(--indigo-700)}.bg-indigo-600{background-color:var(--indigo-600)}.bg-indigo-500{background-color:var(--indigo-500)}.bg-indigo-400{background-color:var(--indigo-400)}.bg-indigo-300{background-color:var(--indigo-300)}.bg-indigo-200{background-color:var(--indigo-200)}.bg-indigo-100{background-color:var(--indigo-100)}.bg-indigo-50{background-color:var(--indigo-50)}.bg-indigo-25{background-color:var(--indigo-25)}.bg-blue-light-900{background-color:var(--blue-light-900)}.bg-blue-light-800{background-color:var(--blue-light-800)}.bg-blue-light-700{background-color:var(--blue-light-700)}.bg-blue-light-600{background-color:var(--blue-light-600)}.bg-blue-light-500{background-color:var(--blue-light-500)}.bg-blue-light-400{background-color:var(--blue-light-400)}.bg-blue-light-300{background-color:var(--blue-light-300)}.bg-blue-light-200{background-color:var(--blue-light-200)}.bg-blue-light-100{background-color:var(--blue-light-100)}.bg-blue-light-50{background-color:var(--blue-light-50)}.bg-blue-light-25{background-color:var(--blue-light-25)}.bg-pink-900{background-color:var(--pink-900)}.bg-pink-800{background-color:var(--pink-800)}.bg-pink-700{background-color:var(--pink-700)}.bg-pink-600{background-color:var(--pink-600)}.bg-pink-500{background-color:var(--pink-500)}.bg-pink-400{background-color:var(--pink-400)}.bg-pink-300{background-color:var(--pink-300)}.bg-pink-200{background-color:var(--pink-200)}.bg-pink-100{background-color:var(--pink-100)}.bg-pink-50{background-color:var(--pink-50)}.bg-pink-25{background-color:var(--pink-25)}.bg-rose-900{background-color:var(--rose-900)}.bg-rose-800{background-color:var(--rose-800)}.bg-rose-700{background-color:var(--rose-700)}.bg-rose-600{background-color:var(--rose-600)}.bg-rose-500{background-color:var(--rose-500)}.bg-rose-400{background-color:var(--rose-400)}.bg-rose-300{background-color:var(--rose-300)}.bg-rose-200{background-color:var(--rose-200)}.bg-rose-100{background-color:var(--rose-100)}.bg-rose-50{background-color:var(--rose-50)}.bg-rose-25{background-color:var(--rose-25)}.text-black{color:var(--black)}.text-white{color:var(--white)}.text-primary-blue{color:var(--primary-blue)}.text-primary-orange{color:var(--primary-orange)}.text-primary-light{color:var(--primary-light)}.text-primary-dark{color:var(--primary-dark)}.text-transparent-black{color:var(--transparent-black)}.text-gray-900{color:var(--gray-900)}.text-gray-800{color:var(--gray-800)}.text-gray-700{color:var(--gray-700)}.text-gray-600{color:var(--gray-600)}.text-gray-500{color:var(--gray-500)}.text-gray-400{color:var(--gray-400)}.text-gray-300{color:var(--gray-300)}.text-gray-200{color:var(--gray-200)}.text-gray-100{color:var(--gray-100)}.text-gray-50{color:var(--gray-50)}.text-gray-25{color:var(--gray-25)}.text-purple-900{color:var(--purple-900)}.text-purple-800{color:var(--purple-800)}.text-purple-700{color:var(--purple-700)}.text-purple-600{color:var(--purple-600)}.text-purple-500{color:var(--purple-500)}.text-purple-400{color:var(--purple-400)}.text-purple-300{color:var(--purple-300)}.text-purple-200{color:var(--purple-200)}.text-purple-100{color:var(--purple-100)}.text-purple-50{color:var(--purple-50)}.text-purple-25{color:var(--purple-25)}.text-green-900{color:var(--success-900)}.text-green-800{color:var(--success-800)}.text-green-700{color:var(--success-700)}.text-green-600{color:var(--success-600)}.text-green-500{color:var(--success-500)}.text-green-400{color:var(--success-400)}.text-green-300{color:var(--success-300)}.text-green-200{color:var(--success-200)}.text-green-100{color:var(--success-100)}.text-green-50{color:var(--success-50)}.text-green-25{color:var(--success-25)}.text-orange-900{color:var(--orange-900)}.text-orange-800{color:var(--orange-800)}.text-orange-700{color:var(--orange-700)}.text-orange-600{color:var(--orange-600)}.text-orange-500{color:var(--orange-500)}.text-orange-400{color:var(--orange-400)}.text-orange-300{color:var(--orange-300)}.text-orange-200{color:var(--orange-200)}.text-orange-100{color:var(--orange-100)}.text-error-25{color:var(--error-25)}.text-error-50{color:var(--error-50)}.text-error-100{color:var(--error-100)}.text-error-200{color:var(--error-200)}.text-error-300{color:var(--error-300)}.text-error-400{color:var(--error-400)}.text-error-500{color:var(--error-500)}.text-error-600{color:var(--error-600)}.text-error-700{color:var(--error-700)}.text-error-800{color:var(--error-800)}.text-error-900{color:var(--error-900)}.text-warning-25{color:var(--warning-25)}.text-warning-50{color:var(--warning-50)}.text-warning-100{color:var(--warning-100)}.text-warning-200{color:var(--warning-200)}.text-warning-300{color:var(--warning-300)}.text-warning-400{color:var(--warning-400)}.text-warning-500{color:var(--warning-500)}.text-warning-600{color:var(--warning-600)}.text-warning-700{color:var(--warning-700)}.text-warning-800{color:var(--warning-800)}.text-warning-900{color:var(--warning-900)}.text-blue-25{color:var(--blue-25)}.text-blue-50{color:var(--blue-50)}.text-blue-100{color:var(--blue-100)}.text-blue-200{color:var(--blue-200)}.text-blue-300{color:var(--blue-300)}.text-blue-400{color:var(--blue-400)}.text-blue-500{color:var(--blue-500)}.text-blue-600{color:var(--blue-600)}.text-blue-700{color:var(--blue-700)}.text-blue-800{color:var(--blue-800)}.text-blue-900{color:var(--blue-900)}.text-blue-gray-900{color:var(--blue-gray-900)}.text-blue-gray-800{color:var(--blue-gray-800)}.text-blue-gray-700{color:var(--blue-gray-700)}.text-blue-gray-600{color:var(--blue-gray-600)}.text-blue-gray-500{color:var(--blue-gray-500)}.text-blue-gray-400{color:var(--blue-gray-400)}.text-blue-gray-300{color:var(--blue-gray-300)}.text-blue-gray-200{color:var(--blue-gray-200)}.text-blue-gray-100{color:var(--blue-gray-100)}.text-blue-gray-50{color:var(--blue-gray-50)}.text-blue-gray-25{color:var(--blue-gray-25)}.text-indigo-900{color:var(--indigo-900)}.text-indigo-800{color:var(--indigo-800)}.text-indigo-700{color:var(--indigo-700)}.text-indigo-600{color:var(--indigo-600)}.text-indigo-500{color:var(--indigo-500)}.text-indigo-400{color:var(--indigo-400)}.text-indigo-300{color:var(--indigo-300)}.text-indigo-200{color:var(--indigo-200)}.text-indigo-100{color:var(--indigo-100)}.text-indigo-50{color:var(--indigo-50)}.text-indigo-25{color:var(--indigo-25)}.text-blue-light-900{color:var(--blue-light-900)}.text-blue-light-800{color:var(--blue-light-800)}.text-blue-light-700{color:var(--blue-light-700)}.text-blue-light-600{color:var(--blue-light-600)}.text-blue-light-500{color:var(--blue-light-500)}.text-blue-light-400{color:var(--blue-light-400)}.text-blue-light-300{color:var(--blue-light-300)}.text-blue-light-200{color:var(--blue-light-200)}.text-blue-light-100{color:var(--blue-light-100)}.text-blue-light-50{color:var(--blue-light-50)}.text-blue-light-25{color:var(--blue-light-25)}.text-pink-900{color:var(--pink-900)}.text-pink-800{color:var(--pink-800)}.text-pink-700{color:var(--pink-700)}.text-pink-600{color:var(--pink-600)}.text-pink-500{color:var(--pink-500)}.text-pink-400{color:var(--pink-400)}.text-pink-300{color:var(--pink-300)}.text-pink-200{color:var(--pink-200)}.text-pink-100{color:var(--pink-100)}.text-pink-50{color:var(--pink-50)}.text-pink-25{color:var(--pink-25)}.text-rose-900{color:var(--rose-900)}.text-rose-800{color:var(--rose-800)}.text-rose-700{color:var(--rose-700)}.text-rose-600{color:var(--rose-600)}.text-rose-500{color:var(--rose-500)}.text-rose-400{color:var(--rose-400)}.text-rose-300{color:var(--rose-300)}.text-rose-200{color:var(--rose-200)}.text-rose-100{color:var(--rose-100)}.text-rose-50{color:var(--rose-50)}.text-rose-25{color:var(--rose-25)}.case-filter-button{padding:8px 16px;background-color:var(--gray-50);border-radius:999px;display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer}.case-filter-button p{color:var(--gray-800)}.case-filter-button.active{background-color:var(--primary-dark)}.case-filter-button.active p{color:var(--white)}.case-list-container{display:flex;flex-direction:column;align-items:center;padding:40px 24px 80px;gap:32px;min-height:480px;max-width:1440px;margin:0 auto}@media (min-width:768px){.case-list-container{padding:40px 60px 80px}}@media (min-width:1024px){.case-list-container{padding:40px 120px 80px}}.case-filters-container{display:flex;gap:12px;flex-wrap:wrap;width:100%}.case-card-image{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.case-location-badge{padding:6px 12px;background-color:#00000090;border-radius:999px;position:absolute;right:12px;bottom:12px;width:-moz-fit-content;width:fit-content}.progress-bar-container{display:flex;align-items:start;justify-content:start;background-color:var(--gray-100)!important;height:8px!important;border-radius:99px}.progress-bar-active{background-color:var(--primary-orange)!important;height:8px!important;border-radius:99px}.progress-bar-active-full{background-color:var(--success-600)!important;height:8px!important;border-radius:99px}.space-btw{justify-content:space-between}.case-card-container,.space-btw{display:flex;align-items:center;width:100%}.case-card-container{justify-content:center;flex-direction:column;border-radius:16px;border:1px solid var(--gray-200);background-color:var(--gray-25);height:100%;overflow:hidden;min-width:320px!important;max-width:100%}@media (min-width:768px){.case-card-container{min-width:320px!important;max-width:380px}}.case-content-container{display:flex;flex-direction:column;justify-content:space-between;align-items:start;width:100%;height:100%;padding:24px;gap:20px}.cases-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;width:100%}@media (min-width:768px){.cases-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:1024px){.cases-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}}.loading-state-section{display:flex;align-items:center;justify-content:center;height:200px;gap:8px}.animate-spin{animation:spin 1s linear infinite;color:var(--gray-400)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-pulse{background:#e9ecef;background:linear-gradient(90deg,#e9ecef,#f8f9fa 50%,#e9ecef);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-filter-button{height:36px;min-width:120px;border-radius:18px;margin-right:12px}.skeleton-case-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column;min-width:320px!important;max-width:100%}.skeleton-image-container{position:relative;width:100%;height:140px}.skeleton-location{position:absolute;bottom:12px;left:12px;height:24px;width:100px;border-radius:12px}.skeleton-card-content{padding:16px;display:flex;flex-direction:column;gap:16px;flex:1 1}.skeleton-title{height:24px;width:85%;border-radius:4px}.skeleton-description{height:16px;width:100%;border-radius:4px;margin-top:8px}.skeleton-description-line{height:16px;width:90%;border-radius:4px;margin-top:8px}.skeleton-progress-container{margin:16px 0}.skeleton-progress-bar{height:8px;width:100%;border-radius:4px}.skeleton-progress-numbers{display:flex;justify-content:space-between;margin-top:8px}.skeleton-amount{height:20px;width:100px;border-radius:4px}.skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}.skeleton-button{height:40px;width:120px;border-radius:8px}.skeleton-date{height:16px;width:140px;border-radius:4px}