*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#f0f4f8;color:#283e4a;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.header{background-color:#06c;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.navbar{max-width:1000px;margin:0 auto;display:flex;align-items:center;padding:.75rem 1rem;position:relative}.nav-logo{color:#fff;font-weight:700;font-size:1.8rem;text-decoration:none;flex-grow:1;letter-spacing:1.5px}.nav-links{list-style:none;display:flex;gap:1.75rem}.nav-links li a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}.nav-links li a:hover,.nav-links li a:focus{color:gold;outline:none}.menu-icon{display:none;font-size:2rem;color:#fff;cursor:pointer}#menu-toggle{display:none}@media (max-width: 768px){.nav-links{position:absolute;top:56px;right:0;background:#0066cc;flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;box-shadow:0 4px 8px #00000026}#menu-toggle:checked+.menu-icon+.nav-links{max-height:240px}.menu-icon{display:block}.nav-links li{padding:1rem 1.5rem}}.main-content{flex:1;max-width:900px;margin:2rem auto;padding:0 1rem}.home-container{background:white;padding:3rem 2rem;border-radius:8px;box-shadow:0 3px 15px #0000001a;text-align:center}.home-container h1{font-size:2.8rem;margin-bottom:.5rem;color:#004080}.home-mission{font-size:1.25rem;margin-bottom:2rem;color:#3a5a77}.hero-button{background-color:#007acc;color:#fff;border:none;padding:.85rem 2.25rem;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color .25s ease}.hero-button:hover,.hero-button:focus{background-color:#005fa3;outline:none}.impact-stats{display:flex;justify-content:center;gap:3rem;margin-top:2.5rem;font-weight:700;color:#06c}.impact-stats div{text-align:center;font-size:1.3rem}.impact-stats div span{display:block;font-weight:400;font-size:1rem;margin-top:.3rem;color:#2c3e50}.volunteer-container{background:white;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 3px 15px #0000001a;max-width:700px;margin:0 auto}.volunteer-container h2{color:#004080;margin-bottom:1.5rem;font-size:2rem;text-align:center}.volunteer-form label{display:block;margin-top:1rem;font-weight:600;color:#2c3e50}.volunteer-form input[type=text],.volunteer-form input[type=email],.volunteer-form input[type=tel],.volunteer-form textarea{width:100%;padding:.55rem .75rem;margin-top:.35rem;border-radius:5px;border:1.8px solid #a9b9c3;font-size:1rem;color:#2c3e50;transition:border-color .3s ease;resize:vertical}.volunteer-form input:focus,.volunteer-form textarea:focus{border-color:#007acc;outline:none}.volunteer-form textarea{min-height:100px}.checkbox-label{margin-right:1.25rem;font-weight:500;color:#3a5a77;cursor:pointer}fieldset{margin-top:1.25rem;border:none;padding:0}legend{font-weight:700;margin-bottom:.5rem;color:#004080}.submit-button{margin-top:2rem;background-color:#007acc;color:#fff;border:none;padding:.85rem 2rem;border-radius:30px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .25s ease;display:block;width:100%}.submit-button:hover,.submit-button:focus{background-color:#005fa3;outline:none}.about-container{background:white;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 3px 15px #0000001a;max-width:800px;margin:0 auto 3rem}.about-container h2{color:#004080;font-size:2.25rem;margin-bottom:1rem}.about-container p{font-size:1.15rem;margin-bottom:1.5rem;color:#3a5a77}.values-list{list-style:disc inside;margin-bottom:2rem;color:#2c3e50;font-weight:500;font-size:1.1rem}.team-grid{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.team-member{background:#d9e9ff;border-radius:10px;padding:1rem;flex:1 1 220px;max-width:220px;text-align:center;box-shadow:0 3px 6px #00000026;transition:box-shadow .25s ease}.team-member:hover{box-shadow:0 6px 15px #0000004d}.photo-placeholder{background:#007acc;color:#fff;font-weight:700;height:110px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.team-member h4{margin-bottom:.3rem;color:#004080}.team-member p{font-style:italic;color:#2c3e50;font-weight:600}.footer{text-align:center;padding:1.25rem 1rem;background-color:#06c;color:#fff;font-weight:600;font-size:.9rem;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.impact-stats{flex-direction:column;gap:1.25rem}.team-grid{justify-content:center}.nav-links li{padding:.85rem 1rem}}.error-text{color:#d93025;font-size:.9rem;margin-top:.2rem;display:block}.input-error{border-color:#d93025!important;outline:none}@media (max-width: 480px){.volunteer-container{padding:1.5rem 1rem}.volunteer-form input,.volunteer-form textarea{font-size:1rem;padding:.5rem}fieldset{display:flex;flex-direction:column}.checkbox-label{margin-bottom:.5rem}}.team-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 2px 6px #0003;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;box-sizing:border-box}