.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#fff;box-shadow:0 2px 5px #0000001a;height:70px;position:sticky;top:0;z-index:1000}.logo img{height:50px}.nav-links{list-style:none;display:flex;gap:15px;margin:0;padding:0;transition:all .3s ease}.nav-links.hidden{display:none}.nav-links li{display:inline}.nav-links a{text-decoration:none;color:#333;font-size:16px;font-weight:700;padding:10px 15px;border-radius:8px;background-color:transparent;transition:all .3s ease}.nav-links li:nth-child(1) a:hover{background-color:green;color:#fff;transform:scale(1.1)}.nav-links li:nth-child(2) a:hover{background-color:gold;color:#fff;transform:scale(1.1)}.nav-links li:nth-child(3) a:hover{background-color:red;color:#fff;transform:scale(1.1)}.nav-links li:nth-child(4) a:hover{background-color:#00f;color:#fff;transform:scale(1.1)}.nav-links li:nth-child(5) a:hover{background-color:#fff;color:#000;transform:scale(1.1)}.nav-links li a.active{font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:transparent;border:none;cursor:pointer;z-index:1100}.hamburger span{display:block;width:100%;height:3px;background-color:#333;border-radius:5px;transition:all .3s ease}@media (max-width: 768px){.hamburger{display:flex}.nav-links{flex-direction:column;background-color:#fff;position:absolute;top:70px;right:0;width:100%;box-shadow:0 5px 15px #0000001a;padding:10px 0;display:none}.nav-links.show{display:flex}.nav-links a{text-align:center;padding:10px 0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f7f9fb;color:#333;overflow-x:hidden}h1,h2,h3,p{margin-bottom:1rem}a{text-decoration:none;color:#fff}ul{list-style:none}img{max-width:100%;display:block;border-radius:8px}header{height:100vh;background:linear-gradient(to bottom right,#004d40,#00796b);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;animation:slideIn 1.5s ease-out}.header-content h1{font-size:3.5rem;margin-bottom:1rem}.header-content p{font-size:1.2rem;margin-bottom:2rem}.btn{display:inline-block;background:#ff9800;padding:10px 20px;border-radius:25px;font-size:1.2rem;font-weight:700;color:#fff;transition:all .3s ease}.btn:hover{transform:scale(1.1);background:#e67e22}.hero{background:#f7f9fb;padding:5rem 20px;text-align:center}.hero-content p{max-width:800px;margin:0 auto 2rem;line-height:1.8}.stats{display:flex;justify-content:center;gap:2rem}.stats div{text-align:center}.stats h3{font-size:2rem;color:#ff9800}.stats p{font-size:1rem;color:#666}.gallery{background:#fff;padding:3rem 20px}.gallery h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#00796b}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-items:center}.gallery-grid img{width:300px;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-grid img:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.cta{background:linear-gradient(to bottom right,#ff9800,#e67e22);color:#fff;text-align:center;padding:4rem 20px}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{max-width:800px;margin:0 auto 2rem;line-height:1.8}.cta-content .btn{background:#fff;color:#e67e22}.cta-content .btn:hover{background:#f5f5f5;color:#d35400}#contact{padding:3rem 20px;text-align:center;background:#f7f9fb}#contact a{color:#00796b;font-weight:700}footer{background:#004d40;color:#fff;text-align:center;padding:1rem 0;font-size:1rem}.about-page{font-family:Arial,sans-serif;line-height:1.8;color:#333;padding:20px;background:linear-gradient(to bottom,#f7f9fb,#fff);animation:fadeIn 1.5s ease}.hero h1{font-size:3rem;margin-bottom:10px;animation:fadeUp 1s ease}.charity-details{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.charity{padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:5px solid #00796b;animation:fadeInUp 1.5s ease;transition:transform .3s ease,box-shadow .3s ease}.charity:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.charity.highlight{border-top:5px solid #ff9800}.charity h2{font-size:1.8rem;color:#00796b;margin-bottom:10px}.charity p{font-size:1rem;color:#555}.banking-details h2{font-size:2rem;margin-bottom:10px}.banking-details p{font-size:1.1rem;margin-bottom:5px}@media (max-width: 768px){.charity-details{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.banking-details h2{font-size:1.5rem}}.Orange{color:#fff;font-weight:700;text-shadow:1px 1px 5px rgba(0,0,0,.5);font-size:1.1rem}.donation-page{font-family:Arial,sans-serif;line-height:1.8;color:#333;background:linear-gradient(to bottom,#f7f9fb,#fff);padding:20px;animation:fadeIn 1.5s ease}.hero{text-align:center;padding:50px 20px;background:linear-gradient(to right,#00796b,#004d40);color:#fff;animation:slideIn 1.5s ease-out;margin-bottom:50px}.hero h1{font-size:2.5rem;margin-bottom:10px;animation:fadeUp 1s ease}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto;animation:fadeUp 1.2s ease}.banking-details{text-align:center;background:#fff;padding:30px;margin:20px auto;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:5px solid #00796b;max-width:600px;animation:fadeInUp 1.5s ease}.banking-details h2{font-size:2rem;color:#00796b;margin-bottom:10px}.banking-details p{font-size:1.1rem;color:#555;margin-bottom:10px}.yoco-section{text-align:center;padding:30px;margin:20px auto}.yoco-section h2{font-size:2rem;color:#00796b;margin-bottom:10px}.yoco-section p{font-size:1.2rem;color:#555;margin-bottom:20px}.btn-donate{display:inline-block;background:#ff9800;color:#fff;font-size:1.2rem;font-weight:700;padding:10px 20px;border-radius:25px;transition:all .3s ease;text-decoration:none}.btn-donate:hover{background:#e67e22;transform:scale(1.1)}.call-to-action{text-align:center;padding:30px;margin:20px auto;background:linear-gradient(to right,#ff9800,#e67e22);color:#fff;border-radius:10px;animation:fadeInUp 1.5s ease}.call-to-action h2{font-size:2rem;margin-bottom:10px}.call-to-action p{font-size:1.2rem;max-width:800px;margin:0 auto}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.banking-details h2{font-size:1.5rem}.btn-donate{font-size:1rem;padding:8px 16px}}.contact-page{font-family:Arial,sans-serif;line-height:1.8;color:#333;background:linear-gradient(to bottom,#f7f9fb,#fff);padding:20px;animation:fadeIn 1.5s ease}.hero{text-align:center;padding:50px 20px;background:linear-gradient(to right,#00796b,#004d40);color:#fff;margin-bottom:50px;animation:slideIn 1.5s ease-out}.hero h1{font-size:3rem;margin-bottom:10px}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto}.contact-info{text-align:center;padding:30px;margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:5px solid #00796b;animation:fadeInUp 1.5s ease}.contact-info h2{font-size:2rem;color:#00796b;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.contact-info p{font-size:1.1rem;color:#555;margin-bottom:10px}.contact-info a{color:#00796b;text-decoration:none;font-weight:700}.contact-info a:hover{text-decoration:underline}.contact-form{max-width:600px;margin:30px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:5px solid #00796b;animation:fadeInUp 1.5s ease}.contact-form h2{text-align:center;font-size:2rem;color:#00796b;margin-bottom:20px}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}textarea{resize:vertical}.btn-submit{display:block;width:100%;padding:10px;background:#00796b;color:#fff;font-size:1.2rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn-submit:hover{background:#004d40}.success-message{margin-top:10px;color:#00796b;font-weight:700}.error-message{margin-top:10px;color:red;font-weight:700}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.info-grid{grid-template-columns:1fr}.btn-submit{font-size:1rem;padding:8px 16px}}