@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1a73e8;--secondary-color:#f0f4f8;--text-color:#1a1a1a;--border-color:#e2e8f0;--transition:all 0.3s ease;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--container-width:1200px;--section-spacing:5rem}.App{background:#fff;color:#1a1a1a;color:var(--text-color);font-family:Inter,sans-serif;font-weight:500;margin:0;min-height:100vh;overflow-x:hidden;padding:0;text-align:center}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #0000000d;box-shadow:0 1px 0 #0000000d;left:0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1000}.navbar:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:1.2rem 2rem}.logo img{height:36px;transition:all .3s ease;transition:var(--transition);width:auto}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;gap:3.5rem;list-style:none;margin:0;padding:0}.nav-links li a{color:#1a1a1a;color:var(--text-color);font-size:1rem;font-weight:500;letter-spacing:.3px;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase}.nav-links li a,.nav-links li a:after{transition:all .3s ease;transition:var(--transition)}.nav-links li a:after{background:#1a73e8;background:var(--primary-color);bottom:0;content:"";height:1px;left:0;opacity:.8;position:absolute;width:0}.nav-links li a:hover{color:#1a73e8;color:var(--primary-color)}.nav-links li a:hover:after{width:100%}.menuButton{cursor:pointer;display:none}.sidebar{animation:slideIn .3s ease-out;background:#fffffffa;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:1.5rem;height:100vh;padding:2rem 1.5rem;position:fixed;right:0;top:0;width:280px;z-index:2000}.sidebar li{list-style:none}.sidebar a{border:1px solid #0000;border-radius:8px;color:#1a1a1a;color:var(--text-color);display:block;font-size:1.1rem;font-weight:600;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.sidebar a:hover{background:#f0f4f8;background:var(--secondary-color);border-color:#1a73e8;border-color:var(--primary-color);color:#1a73e8;color:var(--primary-color)}.hero-section{align-items:center;background:url(/static/media/clothes.b51a89ecee16b4b02ee2.png) 50%/cover no-repeat;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;height:80vh;justify-content:center;margin-top:64px;min-height:600px;position:relative;width:100vw}.hero-overlay{background:linear-gradient(#22313f66,#22313f99);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{color:#fff;margin:0 auto;max-width:800px;padding:2rem;position:relative;text-align:center;width:100%;z-index:2}.hero-content h1{font-size:4rem;letter-spacing:-.5px;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.hero-content h1,.hero-content h2{font-family:Montserrat,sans-serif;font-weight:900}.hero-content h2{color:#ffffffe6;font-size:1.8rem;line-height:1.4;margin-bottom:1.5rem}.hero-description{color:#ffffffe6;font-size:1.2rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.impact-section{background:#f0f4f8;background:var(--secondary-color);padding:5rem 2rem;padding:var(--section-spacing) 2rem}.impact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem auto 0;max-width:1200px;max-width:var(--container-width)}.impact-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.impact-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.impact-number{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:3rem;font-weight:900;margin-bottom:1rem}.how-it-works{padding:5rem 2rem;padding:var(--section-spacing) 2rem}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem auto 0;max-width:1200px;max-width:var(--container-width)}.step-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;position:relative;transition:all .3s ease;transition:var(--transition)}.step-number{align-items:center;background:#1a73e8;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.featured-gallery{background:#f0f4f8;background:var(--secondary-color);padding:5rem 2rem;padding:var(--section-spacing) 2rem}.gallery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem auto;max-width:1200px;max-width:var(--container-width)}.gallery-item{border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.gallery-item,.gallery-item img{transition:all .3s ease;transition:var(--transition)}.gallery-item img{height:300px;object-fit:cover;width:100%}.gallery-item:hover img{transform:scale(1.05)}.gallery-caption{background:#000000b3;bottom:0;color:#fff;font-weight:500;left:0;padding:1rem;position:absolute;right:0}.view-more{color:#1a73e8;color:var(--primary-color);display:inline-block;font-weight:600;margin-top:2rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.view-more:hover{transform:translateX(5px)}.cta-section{background:linear-gradient(#1a73e81a,#1a73e80d);padding:5rem 2rem;padding:var(--section-spacing) 2rem;text-align:center}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-button{border-radius:8px;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.cta-button.primary{background:#1a73e8;background:var(--primary-color);color:#fff}.cta-button.secondary{background:#fff;border:2px solid #1a73e8;border:2px solid var(--primary-color);color:#1a73e8;color:var(--primary-color)}.cta-button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer{background:#1a1a1a;color:#fff;margin-top:4rem;padding:4rem 2rem 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1200px;max-width:var(--container-width)}.footer-section h3{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:uppercase}.footer-section p{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section a{color:#ffffffb3;font-size:.95rem;letter-spacing:.2px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.9rem;margin:3rem auto 0;max-width:1200px;max-width:var(--container-width);padding-top:2rem;text-align:center}@media (max-width:1024px){:root{--section-spacing:4rem}.hero-content h1{font-size:3.5rem}.hero-content h2{font-size:1.6rem}}@media (max-width:768px){.nav-links{display:none}.menuButton{cursor:pointer;display:block}.hero-content h1{font-size:3rem}.hero-content h2{font-size:1.4rem}.hero-buttons{gap:1rem}.cta-buttons,.hero-buttons{flex-direction:column}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-section{text-align:center}}@media (max-width:480px){:root{--section-spacing:3rem}.nav-container{padding:1rem}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.2rem}.impact-number{font-size:2.5rem}.nav-links{gap:1.5rem}.nav-links li a{font-size:.9rem}.footer{padding:3rem 1rem 1.5rem}}.page-header{background:#f0f4f8;background:var(--secondary-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:6rem 2rem 3rem;text-align:center}.page-header h1{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:900;margin-bottom:1rem}.page-header h1,.page-header p{color:#1a1a1a;color:var(--text-color)}.page-header p{font-size:1.2rem;opacity:.8}.about-section{background:#fff;padding:3rem 2rem 2rem}.about-content{margin:0 auto;max-width:1200px;max-width:var(--container-width);text-align:center}.about-img{border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:block;height:180px;margin:0 auto 2rem;max-width:480px;object-fit:cover;width:100%}.about-content h2{font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:1.2rem}.about-content h2,.about-content p{color:#1a1a1a;color:var(--text-color)}.about-content p{font-size:1.1rem;line-height:1.7;margin:0 auto 1.2rem;max-width:700px}.about-content p:last-child{margin-bottom:0}@media (max-width:900px){.about-img{height:140px;max-width:100%}.about-content h2{font-size:1.5rem}}@media (max-width:600px){.about-section{padding:2rem .5rem 1.5rem}.about-img{border-radius:10px;height:100px}.about-content h2{font-size:1.2rem}.about-content p{font-size:1rem}}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card h3{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-card p{color:#1a1a1a;color:var(--text-color);font-size:1.1rem;font-weight:500}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.value-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.value-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.value-card h3{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:1rem}.goals-list{list-style:none;margin:2rem 0;padding:0}.goals-list li{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.goals-list li:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateX(10px)}.gallery-content{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:3rem 2rem}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.story-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.story-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.story-card h3{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:1rem}.contact-content{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:3rem 2rem}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.info-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.info-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.info-card h3{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:1rem}.form{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin:2rem auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.8rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#1a73e8;border-color:var(--primary-color);box-shadow:0 0 0 2px #1a73e833;outline:none}.submit-button,.volunteer-button{background:#1a73e8;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.submit-button:hover,.volunteer-button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.volunteer-section{background:#f0f4f8;background:var(--secondary-color);border-radius:16px;margin-top:4rem;padding:3rem;text-align:center}.volunteer-section h2{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:900;margin-bottom:1rem}.volunteer-section p{font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.page-header{padding:5rem 1rem 2rem}.page-header h1{font-size:2.5rem}.about-content,.contact-content,.gallery-content,.mission-content{padding:2rem 1rem}.form{padding:1.5rem}}@media (max-width:480px){.page-header h1{font-size:2rem}.info-card h3,.stat-card h3,.story-card h3,.value-card h3{font-size:1.8rem}}.mission-section{background:#f0f4f8;background:var(--secondary-color);padding:5rem 2rem;padding:var(--section-spacing) 2rem}.mission-content{margin:0 auto;max-width:1200px;max-width:var(--container-width);text-align:center}.mission-content h2{color:#1a1a1a;color:var(--text-color);font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:900;margin-bottom:1.5rem}.mission-content>p{color:#1a1a1a;color:var(--text-color);font-size:1.2rem;line-height:1.8;margin:0 auto 3rem;max-width:800px}.mission-values{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.value-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:var(--transition)}.value-item:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.value-item h3{color:#1a73e8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:1rem}.value-item p{color:#1a1a1a;color:var(--text-color);line-height:1.6}.featured-gallery,.gallery-caption,.gallery-grid,.gallery-item,.impact-card,.impact-grid,.impact-number,.impact-section,.view-more{display:none}
/*# sourceMappingURL=main.47fb6dc0.css.map*/