*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#2c3e50;box-shadow:0 2px 8px #0000001a;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .3s;z-index:1001}.logo:hover{opacity:.8}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.hamburger-line{background-color:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav{gap:2rem}.nav,.nav-link{align-items:center;display:flex}.nav-link{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.nav-link:hover{background-color:#ffffff1a}.dropdown{position:relative}.dropdown-toggle{align-items:center;display:flex;gap:.5rem}.dropdown-arrow{font-size:.7rem;transition:transform .3s}.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background-color:#34495e;border-radius:4px;box-shadow:0 4px 12px #0003;display:none;left:0;margin-top:.5rem;min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-open .dropdown-menu{animation:dropdownFadeIn .3s ease;display:block}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:.95rem;padding:.75rem 1.25rem;text-align:left;text-decoration:none;transition:background-color .3s;width:100%}.dropdown-item:hover{background-color:#ffffff26}.dropdown-divider{background-color:#fff3;height:1px;margin:.5rem 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hamburger{display:flex}.nav{background-color:#2c3e50;box-shadow:-2px 0 10px #0003;flex-direction:column;gap:0;height:100vh;max-width:300px;overflow-y:auto;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%}.nav.nav-open{right:0}.nav-link{border-bottom:1px solid #ffffff1a;border-radius:0;justify-content:flex-start;padding:1.2rem 2rem;width:100%}.nav-link:hover{background-color:#ffffff0d}.dropdown{width:100%}.dropdown-toggle{justify-content:space-between;width:100%}.dropdown-menu{background-color:#34495e;border-radius:0;box-shadow:none;margin-top:0;position:static;width:100%}.dropdown-open .dropdown-menu{animation:none}.dropdown-item{border-bottom:1px solid #ffffff0d;font-size:.9rem;padding:1rem 2.5rem}.dropdown-divider{margin:0}}.home{flex:1 1}main section{padding:24px 0;padding:var(--space-md) 0}#our-values h2,#who-we-are h2{margin-bottom:24px;margin-bottom:var(--space-md)}#who-we-are .col-md-6:first-child{align-items:flex-start;display:flex;justify-content:center}#our-values ul{list-style:disc;margin-bottom:24px;margin-bottom:var(--space-md);margin-left:32px;margin-left:var(--space-lg)}#who-we-are h3{margin-bottom:32px;margin-bottom:var(--space-lg)}#our-values ul li,#who-we-are p{font-size:1.25rem;line-height:1.8}#who-we-are img{border-radius:8px;border-radius:var(--border-radius);height:auto;margin-bottom:24px;margin-bottom:var(--space-md);max-width:600px;width:100%}h2{font-size:2.1rem;font-size:var(--font-size-h2);margin-left:32px;margin-left:var(--space-lg)}h2,h3{margin-bottom:16px;margin-bottom:var(--space-sm)}h3{font-size:1.8rem;font-size:var(--font-size-h3)}.button-primary{font-size:24px}#multimedia{padding:24px 0;padding:var(--space-md) 0}#multimedia h2{margin-bottom:24px;margin-bottom:var(--space-md)}.media-content video{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-soft);width:100%}@media (max-width:767px){.container{margin:0;padding-left:24px;padding-left:var(--space-md);padding-right:24px;padding-right:var(--space-md);width:100%}h2{word-wrap:break-word;max-width:100%}}@media (min-width:768px){.col-md-6{grid-column:span 6}#who-we-are .col-md-6:first-child{padding-right:32px;padding-right:var(--space-lg)}#who-we-are .col-md-6:last-child{margin-top:24px;margin-top:var(--space-md)}footer .container{display:block}.contact-info{flex-direction:row;gap:32px;gap:var(--space-lg);justify-content:center;margin-bottom:24px;margin-bottom:var(--space-md);width:100%}}:root{--color-tag-education:#4a90e2;--color-tag-food:#e54c3c;--color-tag-inclusion:#1abc9c}.social-projects{flex:1 1}section[id]{scroll-margin-top:100px}.skip-link{background:#22d4fd;border-radius:4px;color:#000;font-weight:600;left:0;padding:8px 16px;position:absolute;top:-40px;transition:top .3s;z-index:1000}.skip-link:focus{top:0}.row{grid-gap:16px;grid-gap:var(--space-sm);display:grid;gap:16px;gap:var(--space-sm);grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}#projects-section{background-color:#f8f9fa;background-color:var(--color-bg-light);padding:48px 0;padding:var(--space-xl) 0}#projects-section h2{margin-bottom:24px;margin-bottom:var(--space-md);margin-left:32px;margin-left:var(--space-lg)}.projects-container{grid-gap:32px;grid-gap:var(--space-lg);display:grid;gap:32px;gap:var(--space-lg);grid-template-columns:1fr;margin-top:48px;margin-top:var(--space-xl);padding:0}.project-card{background:#fff;background:var(--color-white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:100%}.project-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.card-image img{height:200px;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;justify-content:space-between;padding:24px;padding:var(--space-md)}.card-content h3{color:#2980b9;color:var(--color-primary-dark);margin-bottom:8px;margin-bottom:var(--space-xs)}.card-content .button{margin-top:16px;margin-top:var(--space-sm);width:100%}.tag{border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--color-white);display:inline-block;font-size:.9rem;font-size:var(--font-size-small);font-weight:700;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-xs);margin-right:8px;margin-right:var(--space-xs);padding:8px 16px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.tag-education{background-color:#4a90e2;background-color:var(--color-tag-education)}.tag-food{background-color:#e54c3c;background-color:var(--color-tag-food)}.tag-inclusion{background-color:#1abc9c;background-color:var(--color-tag-inclusion)}#media-section{margin-top:32px;margin-top:var(--space-lg);padding:24px 0;padding:var(--space-md) 0}#media-section h3{margin-bottom:24px;margin-bottom:var(--space-md);margin-left:32px;margin-left:var(--space-lg)}.media-content{margin:0 auto;max-width:100%;padding:0 24px;padding:0 var(--space-md)}.media-content audio{width:100%}#volunteering,.media-content audio{border-radius:8px;border-radius:var(--border-radius)}#volunteering{background-color:#f8f9fa;background-color:var(--color-bg-light);margin-top:48px;margin-top:var(--space-xl);overflow-y:hidden;padding:48px 24px;padding:var(--space-xl) var(--space-md)}#volunteering .col-12{padding:24px;padding:var(--space-md)}#volunteering h2{margin-left:0}#volunteering h2,#volunteering p{margin-bottom:24px;margin-bottom:var(--space-md)}#volunteering p{line-height:1.8}#volunteering ol,#volunteering ul{margin-bottom:24px;margin-bottom:var(--space-md);margin-left:24px;margin-left:var(--space-md);padding-left:24px;padding-left:var(--space-md)}#volunteering li{line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-sm)}#donation ul{list-style:disc;margin-left:24px;margin-left:var(--space-md);padding-left:24px;padding-left:var(--space-md)}@media (max-width:767px){.container{margin:0;overflow-y:hidden;padding-left:24px;padding-left:var(--space-md);padding-right:24px;padding-right:var(--space-md);width:100%}h2{word-wrap:break-word;max-width:100%}}@media (min-width:768px){.col-md-6{grid-column:span 6}#projects-section{padding:48px;padding:var(--space-xl) var(--space-xl)}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0}.project-card{width:auto}#volunteering{align-items:flex-start;gap:80px}#volunteering .col-md-6{display:flex;flex-direction:column}footer .container{display:block}.contact-info{flex-direction:row;gap:32px;gap:var(--space-lg);justify-content:center;margin-bottom:24px;margin-bottom:var(--space-md);width:100%}}:root{--color-primary:#3498db;--color-light:#53b1f0;--color-primary-dark:#2980b9;--color-secondary-success:#27ae60;--color-secondary-error:#e74c3c;--color-text-dark:#2c3e50;--color-bg-light:#f8f9fa;--color-border:#dcdcdc;--color-white:#fff;--space-xxs:5px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-xxl:64px;--font-size-h2:2.1rem;--font-size-h3:1.8rem;--font-size-base:1.1rem;--font-size-small:0.9rem;--border-radius:8px;--transition-speed:0.3s;--shadow-soft:0 4px 12px #0000001a}.volunteer-registration{flex:1 1;position:relative}.success-notification{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-content{animation:slideDown .4s ease-out;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 40px #0003;margin:24px;margin:var(--space-md);max-width:500px;padding:48px;padding:var(--space-xl);position:relative;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;background:linear-gradient(135deg,#27ae60,#2ecc71);background:linear-gradient(135deg,var(--color-secondary-success) 0,#2ecc71 100%);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 32px;margin:0 auto var(--space-lg);width:80px}.success-content h3{animation:fadeIn .5s ease-out .3s both;color:#27ae60;color:var(--color-secondary-success);font-size:2.1rem;font-size:var(--font-size-h2);margin-bottom:24px;margin-bottom:var(--space-md)}.success-content p{animation:fadeIn .5s ease-out .4s both;color:#2c3e50;color:var(--color-text-dark);font-size:1.1rem;font-size:var(--font-size-base);line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-lg)}.success-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:24px;right:var(--space-md);top:24px;top:var(--space-md);transition:all .3s;transition:all var(--transition-speed);width:32px}.success-close:hover{background-color:#f5f5f5;color:#2c3e50;color:var(--color-text-dark);transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.container{margin:0 auto;max-width:1200px;padding:16px 0;padding:var(--space-sm) 0;width:100%}#registration-form h2{padding:48px 0 16px;text-align:center}#registration-form img{display:block;height:auto;margin:24px auto;margin:var(--space-md) auto;width:100%}#registration-form img,form{border-radius:8px;border-radius:var(--border-radius);max-width:600px}form{background:#fff;background:var(--color-white);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-soft);margin:48px auto;margin:var(--space-xl) auto;padding:32px;padding:var(--space-lg)}#form-description{color:#2c3e50;color:var(--color-text-dark);line-height:1.6;text-align:center}#form-description,fieldset{margin-bottom:32px;margin-bottom:var(--space-lg)}fieldset{border:1px solid #dcdcdc;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);padding:24px;padding:var(--space-md)}legend{color:#3498db;color:var(--color-primary);font-size:1.8rem;font-size:var(--font-size-h3);font-weight:700;padding:0 8px;padding:0 var(--space-xs)}label{color:#2c3e50;color:var(--color-text-dark);display:block;font-weight:600;margin-bottom:2px;margin-top:8px;margin-top:var(--space-xs)}input:not([type=submit]),select{border:2px solid #dcdcdc;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:1.1rem;font-size:var(--font-size-base);margin-bottom:16px;margin-bottom:var(--space-sm);outline:none;padding:16px;padding:var(--space-sm);transition:all .3s;transition:all var(--transition-speed);width:100%}input:focus,select:focus{border-color:#3498db;border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db33}input:user-valid{border-color:#27ae60;border-color:var(--color-secondary-success)}input:user-invalid{border-color:#e74c3c;border-color:var(--color-secondary-error)}input:not(:focus):not(:placeholder-shown):valid{border-color:#27ae60;border-color:var(--color-secondary-success)}input:not(:focus):not(:placeholder-shown):invalid{border-color:#e74c3c;border-color:var(--color-secondary-error)}input[type=date]:focus{border-color:#3498db;border-color:var(--color-primary)}input[type=date]:not(:focus):invalid{border-color:#dcdcdc;border-color:var(--color-border)}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field{color:#999}input[type=date]:focus::-webkit-datetime-edit-day-field,input[type=date]:focus::-webkit-datetime-edit-month-field,input[type=date]:focus::-webkit-datetime-edit-text,input[type=date]:focus::-webkit-datetime-edit-year-field{color:#2c3e50;color:var(--color-text-dark)}.button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1.1rem;font-size:var(--font-size-base);font-weight:700;padding:24px 48px;padding:var(--space-md) var(--space-xl);text-align:center;text-decoration:none;transition:all .3s;transition:all var(--transition-speed)}.button-primary{background-color:#3498db;background-color:var(--color-primary);box-shadow:0 4px 10px #3498db4d;color:#fff;color:var(--color-white);margin-top:24px;margin-top:var(--space-md);width:100%}.button-primary:hover{background-color:#53b1f0;background-color:var(--color-light);box-shadow:0 6px 15px #3498db66;color:#2c3e50;color:var(--color-text-dark);font-weight:700;transform:translateY(-2px)}.button-primary:active{box-shadow:none;transform:translateY(0)}.button-secondary{background-color:#fff;background-color:var(--color-white);border:2px solid #dcdcdc;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#2c3e50;color:var(--color-text-dark);cursor:pointer;font-size:1.1rem;font-size:var(--font-size-base);font-weight:700;padding:24px 32px;padding:var(--space-md) var(--space-lg);transition:all .3s;transition:all var(--transition-speed)}.button-secondary:hover{background-color:#f8f9fa;background-color:var(--color-bg-light);border-color:#3498db;border-color:var(--color-primary)}.form-buttons{display:flex;flex-direction:column;gap:24px;gap:var(--space-md);margin-top:24px;margin-top:var(--space-md)}.form-buttons .button{width:100%}.form-messages{border-radius:6px;font-weight:600;margin:12px auto 0;max-width:600px;padding:12px 16px}.form-messages.error{background:#ffe6e6;border:1px solid #f3bcbc;color:#8a1f1f}.form-messages.success{background:#e9ffe6;border:1px solid #bcefbf;color:#1f8a3a}.invalid{border-color:#e74c3c!important;border-color:var(--color-secondary-error)!important;box-shadow:0 0 0 3px #ffc8c866}li{margin-left:24px;margin-left:var(--space-md)}footer{background-color:#2c3e50;background-color:var(--color-text-dark);margin-top:48px;margin-top:var(--space-xl);padding:24px 0;padding:var(--space-md) 0;text-align:center}footer,footer h3{color:#fff;color:var(--color-white)}footer h3{font-size:1.8rem;font-size:var(--font-size-h3);margin-bottom:16px;margin-bottom:var(--space-sm);margin-left:0}footer .container{align-items:center;text-align:center}.contact-info,footer .container{display:flex;flex-direction:column}.contact-info{gap:8px;gap:var(--space-xs);margin-bottom:16px;margin-bottom:var(--space-sm);margin-top:16px;margin-top:var(--space-sm)}footer a{color:#fff;color:var(--color-white);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}footer a:hover{color:#53b1f0;color:var(--color-light)}.copyright{font-size:.9rem;font-size:var(--font-size-small);margin-top:16px;margin-top:var(--space-sm)}@media (max-width:767px){.container{margin:0;padding-left:24px;padding-left:var(--space-md);padding-right:24px;padding-right:var(--space-md);width:100%}h2{word-wrap:break-word;max-width:100%}form{padding:24px;padding:var(--space-md)}}@media (min-width:768px){footer .container{display:block}.contact-info{flex-direction:row;gap:32px;gap:var(--space-lg);justify-content:center;margin-bottom:24px;margin-bottom:var(--space-md);width:100%}}@media (min-width:1400px){.container{max-width:1400px}}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.2c1c8c21.css.map*/