:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{--primary:#0f7f86;--primary-bright:#1ecad3;--primary-soft:#e8fbfc;--secondary:#f0b429;--secondary-bright:#ffd65a;--secondary-soft:#fff7da;--dark:#10363a;--dark-2:#16494f;--text:#17324d;--muted:#5b6f84;--white:#fff;--bg:#f7fbfc;--bg-soft:#f2fbfb;--border:#10363a14;--shadow:0 18px 50px #0f3d7514;--radius-xl:30px;--radius-lg:24px;--radius-md:18px;--container:1180px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Arial,sans-serif}#root{width:100%;margin:0;padding:0}img{max-width:100%;display:block}a{text-decoration:none}.site-shell{background:radial-gradient(circle at 0 0,#1ecad31f,#0000 20%),radial-gradient(circle at 100% 0,#ffd65a24,#0000 25%),linear-gradient(#fbffff 0%,#f7fbfc 100%);width:100%;min-height:100vh;overflow-x:hidden}.topbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #10363a12;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:100%;padding:18px 40px;display:flex;position:sticky;top:0}.brand-wrap{color:var(--text);align-items:center;gap:14px;min-width:0;display:flex}.brand-text{min-width:0}.brand-logo{object-fit:cover;background:#fff;border-radius:20px;width:64px;height:64px;box-shadow:0 10px 30px #0f3d751a}.brand-title{color:var(--dark);margin:0;font-family:inherit;font-size:1.2rem;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--muted);margin:6px 0 0;font-size:.88rem}.nav-links{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.nav-links a{color:var(--text);font-size:.98rem;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--primary)}.donate-btn,.primary-btn,.secondary-btn,.impact-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.donate-btn,.primary-btn,.impact-btn{background:linear-gradient(135deg, var(--primary), var(--primary-bright));color:#fff;box-shadow:0 14px 30px #1ecad347}.secondary-btn{background:linear-gradient(135deg, var(--secondary), var(--secondary-bright));color:#2a2a2a;box-shadow:0 14px 28px #f0b42938}.secondary-light{color:var(--dark);box-shadow:none;background:#fff}.donate-btn:hover,.primary-btn:hover,.secondary-btn:hover,.impact-btn:hover{transform:translateY(-2px)}main{width:100%}.hero-section,.feature-strip,.split-section,.stats-section,.services-section,.impact-section,.gallery-section,.involved-section,.team-section,.cta-banner,.contact-section,.footer-section{width:min(var(--container), calc(100% - 40px));margin-left:auto;margin-right:auto}.hero-section{text-align:center;padding:78px 0 40px;display:block;position:relative}.hero-background-shape{pointer-events:none;filter:blur(10px);border-radius:999px;position:absolute}.hero-shape-one{background:#1ecad32e;width:220px;height:220px;top:10px;left:-40px}.hero-shape-two{background:#ffd65a33;width:180px;height:180px;bottom:40px;right:40px}.section-tag{background:var(--secondary-soft);color:var(--dark);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 16px;font-size:.76rem;font-weight:800;display:inline-flex}.hero-tag{color:var(--primary);background:#1ecad324}.light-tag{color:#fff7da;background:#ffffff1f}.cta-tag{color:#fff;background:#ffffff24}.hero-copy,.about-copy,.contact-copy{z-index:2;position:relative}.hero-copy-full{max-width:950px;margin:0 auto}.hero-copy h2,.section-title,.impact-copy h2,.cta-banner-content h2{color:var(--dark);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:800;line-height:1.06}.section-title{font-size:clamp(1.9rem,3vw,3rem)}.impact-copy h2,.cta-banner-content h2{color:#fff}.hero-copy p,.split-section p,.service-card p,.involved-card p,.contact-copy p,.contact-list,.impact-copy p,.impact-card span,.feature-card p,.info-box p,.team-card p,.section-description,.stat-item p,.footer-brand p,.footer-links li{color:var(--muted);font-size:1rem;line-height:1.8}.hero-lead{max-width:820px;margin-left:auto;margin-right:auto;font-size:1.08rem;color:var(--text)!important}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.hero-mini-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.mini-stat{box-shadow:var(--shadow);background:#ffffffbf;border:1px solid #10363a0f;border-radius:20px;padding:18px}.mini-stat strong{color:var(--dark);margin-bottom:8px;font-size:1rem;display:block}.mini-stat span{color:var(--muted);font-size:.94rem;line-height:1.6;display:block}.feature-strip,.services-grid,.involved-grid,.impact-grid,.footer-grid{gap:24px;display:grid}.feature-strip{grid-template-columns:repeat(3,1fr);padding:20px 0 40px}.feature-card,.service-card,.involved-card,.impact-card,.info-box,.contact-form,.team-card,.gallery-card,.stats-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff}.feature-card,.service-card,.involved-card,.impact-card,.info-box{padding:28px}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary-bright));width:100%;height:6px;position:absolute;inset:0 auto auto 0}.feature-icon{background:linear-gradient(135deg, var(--primary), var(--primary-bright));border-radius:18px;width:54px;height:54px;margin-bottom:18px;box-shadow:0 14px 25px #1ecad338}.feature-card h3,.service-card h3,.involved-card h3,.info-box h3,.team-card h3,.footer-brand h3,.footer-section h4{color:var(--dark);margin:0 0 12px}.split-section,.services-section,.involved-section,.contact-section,.team-section,.gallery-section{padding:88px 0}.split-section{grid-template-columns:1.08fr .92fr;align-items:start;gap:34px;display:grid}.mission-boxes{gap:20px;display:grid}.info-box{min-height:210px}.alt-box{background:linear-gradient(135deg, var(--primary), var(--dark-2))}.alt-box h3,.alt-box p{color:#fff}.stats-section{padding:0 0 30px}.stats-card{background:linear-gradient(135deg, var(--dark), var(--dark-2));border:none;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.stat-item{border-right:1px solid #ffffff1a;padding:32px 28px}.stat-item:last-child{border-right:none}.stat-item h3{color:#fff;margin:0 0 10px;font-size:2rem}.stat-item p{color:#ffffffd1;margin:0}.section-head{max-width:780px;margin-bottom:34px}.centered-head{text-align:center;margin-left:auto;margin-right:auto}.section-description{max-width:760px;margin:0 auto}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:30px;transition:transform .22s,box-shadow .22s;position:relative}.service-card:hover,.involved-card:hover,.team-card:hover{transform:translateY(-5px)}.service-number{background:linear-gradient(135deg, var(--secondary), var(--secondary-bright));color:#2a2a2a;letter-spacing:1px;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:.95rem;font-weight:900;display:inline-flex}.service-link{color:var(--primary);margin-top:16px;font-weight:700;display:inline-block}.impact-section{grid-template-columns:.95fr 1.05fr;align-items:center;gap:28px;padding:88px 0;display:grid}.impact-copy{background:linear-gradient(135deg, var(--dark), var(--dark-2));border-radius:30px;padding:32px;box-shadow:0 26px 60px #10363a33}.impact-copy p{color:#ffffffd1;margin-bottom:24px}.impact-grid{grid-template-columns:repeat(1,1fr)}.impact-card{background:linear-gradient(#fff 0%,#f8ffff 100%);padding:26px}.impact-card strong{color:var(--primary);margin-bottom:10px;font-size:1.8rem;display:block}.gallery-section{background:linear-gradient(#fbffff 0%,#f2fbfb 100%);border-radius:40px;padding-left:32px;padding-right:32px}.gallery-slider{width:100%;position:relative;overflow:hidden}.gallery-track{will-change:transform;gap:22px;width:max-content;display:flex}.gallery-card{border-radius:24px;flex:0 0 320px;padding:0;position:relative;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:320px;transition:transform .35s}.gallery-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 0%,#10363ac7 100%);padding:18px;transition:opacity .28s;position:absolute;inset:auto 0 0}.gallery-card:hover .gallery-image{transform:scale(1.05)}.gallery-card:hover .gallery-overlay{opacity:1}.involved-grid{grid-template-columns:repeat(3,1fr)}.involved-card{padding:30px;position:relative;overflow:hidden}.involved-card:after{content:"";background:linear-gradient(90deg, var(--secondary), var(--primary-bright));height:5px;position:absolute;inset:auto 0 0}.team-single{justify-content:center;display:flex}.team-card{grid-template-columns:320px 1fr;align-items:center;gap:28px;width:min(820px,100%);padding:26px;display:grid}.team-image-wrap{background:var(--primary-soft);border-radius:26px;overflow:hidden}.team-card img{object-fit:cover;width:100%;height:360px}.team-content .role{color:var(--primary);margin:0 0 14px;font-weight:800}.cta-banner{background:linear-gradient(135deg, var(--primary), var(--dark-2));border-radius:34px;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;margin-top:16px;margin-bottom:16px;padding:34px;display:grid;box-shadow:0 30px 70px #10363a33}.cta-banner-content p{color:#ffffffdb;margin:0}.cta-banner-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.contact-section{grid-template-columns:.9fr 1.1fr;align-items:start;gap:30px;display:grid}.contact-list{margin:22px 0 0;padding:0;list-style:none}.contact-list li{margin-bottom:14px}.contact-form{gap:14px;padding:30px;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#fbffff;border:1px solid #dce7ec;border-radius:16px;outline:none;padding:16px 18px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-bright);box-shadow:0 0 0 4px #1ecad31f}.form-btn{width:100%}.footer-section{background:linear-gradient(180deg, var(--dark) 0%, #0d2c2f 100%);border-radius:34px 34px 0 0;margin-top:20px;padding:38px 34px 24px}.footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:28px;padding-bottom:20px}.footer-brand{align-items:flex-start;gap:14px;display:flex}.footer-logo{object-fit:cover;border-radius:18px;width:64px;height:64px}.footer-brand h3,.footer-section h4{color:#fff}.footer-brand p,.footer-links li,.footer-links a,.footer-bottom p{color:#ffffffc7}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1f;padding-top:18px}.footer-bottom p{text-align:center;margin:0}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;padding:0;display:none}.menu-toggle span{background:var(--dark);border-radius:999px;width:26px;height:3px;display:block}@media (width<=1180px){.split-section,.impact-section,.contact-section,.cta-banner,.team-card{grid-template-columns:1fr}.feature-strip,.involved-grid,.services-grid{grid-template-columns:1fr 1fr}.hero-mini-stats,.stats-card{grid-template-columns:1fr}.stat-item{border-bottom:1px solid #ffffff1a;border-right:none}.stat-item:last-child{border-bottom:none}.cta-banner-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.topbar{flex-wrap:wrap;gap:14px;padding:16px 18px}.menu-toggle{margin-left:auto;display:inline-flex}.nav-links{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;display:none}.nav-links.nav-open{display:flex}.donate-btn{width:100%}.hero-section,.feature-strip,.split-section,.stats-section,.services-section,.impact-section,.gallery-section,.involved-section,.team-section,.cta-banner,.contact-section,.footer-section{width:min(var(--container), calc(100% - 24px))}.feature-strip,.services-grid,.involved-grid,.footer-grid,.hero-mini-stats{grid-template-columns:1fr}.gallery-section{border-radius:28px;padding-left:18px;padding-right:18px}.gallery-card{flex:0 0 260px}.gallery-image{height:260px}}@media (width<=600px){.brand-logo{width:54px;height:54px}.brand-title{font-size:1rem}.brand-subtitle{font-size:.8rem}.hero-copy h2,.section-title,.impact-copy h2,.cta-banner-content h2{font-size:2rem}.topbar{padding:14px}.hero-section{padding-top:36px}.split-section,.services-section,.involved-section,.contact-section,.team-section,.gallery-section,.impact-section{padding-top:64px;padding-bottom:64px}.hero-actions,.cta-banner-actions{flex-direction:column}.primary-btn,.secondary-btn,.donate-btn,.impact-btn{width:100%}.contact-form,.team-card,.cta-banner,.stats-card{border-radius:24px}.feature-card,.service-card,.involved-card,.impact-card,.info-box{padding:22px}.gallery-card{flex:0 0 220px}.gallery-image{height:220px}.footer-section{padding-left:20px;padding-right:20px}}
