*{margin:0;padding:0;box-sizing:border-box}:root{--color1: #2C3E50;--color2: #ffffff;--color3: #6A6A6A;--color4: #000066;--color5: #1DA1F2;--font-w1: 500;--font-w2: 700;--font1: "Lobster", cursive;--font2: "Roboto", sans-serif;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--transition: all .3s ease}body{font-family:var(--font2);line-height:1.6;color:var(--color1);overflow-x:hidden}ul{list-style-type:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.d-flex{display:flex}.btn{text-transform:capitalize;padding:12px 30px;border:none;outline:none;cursor:pointer;border-radius:8px;font-size:16px;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.read-more-btn{color:var(--color2);background-color:var(--color5)}.read-more-btn:hover{background-color:#1a8cd8}.donate{color:var(--color2);background-color:var(--color4)}.donate:hover{background-color:navy}.btn-donate{color:var(--color2);background-color:var(--color4);padding:15px 40px;font-size:18px}.mt-2{margin-top:25px}.ml-2{margin-left:20px}.padding{padding:40px 50px}.heading{text-align:center;margin-bottom:40px}.heading h2{font-size:36px;color:var(--color4);margin-bottom:10px;font-weight:var(--font-w2)}.heading p{font-size:18px;color:var(--color3);font-style:italic}.row{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:20px}.col-2{flex:1 1 22%;min-width:250px;padding:20px}.col-3{flex:1 1 35%;min-width:300px;padding:20px}.col-6{flex:1 1 48%;min-width:300px;padding:20px}@media (max-width: 768px){.col-2,.col-3,.col-6{flex:1 1 100%}.padding{padding:25px 20px}.heading h2{font-size:28px}}.navbar{position:sticky;top:0;background-color:#e8f8f5;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:var(--transition)}.navbar.scrolled{box-shadow:0 4px 20px #0000664d;background-color:#e8f8f5fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.nav-brand a{font-size:35px;font-family:var(--font1);color:var(--color4);font-weight:var(--font-w2);display:flex;align-items:center;gap:10px;transition:var(--transition)}.nav-brand a:hover{transform:scale(1.05)}.nav-menu ul{display:flex;gap:30px;align-items:center}.nav-menu a{color:var(--color1);font-weight:var(--font-w1);font-size:16px;transition:var(--transition);position:relative;padding:5px 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color4);transition:width .3s ease}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu a:hover{color:var(--color4)}.social-icons{display:flex;gap:15px;align-items:center}.social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color4);color:var(--color2);transition:var(--transition)}.social-icons a:hover{background-color:var(--color5);transform:translateY(-3px)}.menu-toggle{display:none;background:none;border:none;font-size:24px;color:var(--color4);cursor:pointer;padding:5px}@media (max-width: 968px){.menu-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:#e8f8f5;box-shadow:0 4px 10px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.active{max-height:400px}.nav-menu ul{flex-direction:column;padding:20px;gap:20px}.social-icons{display:none}.social-icons.mobile{display:flex;justify-content:center;margin-top:20px}}.footer{background:linear-gradient(135deg,#2c3e50,#006);color:var(--color2);padding:50px 0 20px;margin-top:50px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo .nav-brand a{font-size:35px;font-family:var(--font1);color:var(--color2);margin-bottom:20px;display:inline-block}.footer-logo .social-icons{display:flex;gap:15px;margin-top:20px}.footer-logo .social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a;color:var(--color2);transition:var(--transition)}.footer-logo .social-icons a:hover{background-color:var(--color5);transform:translateY(-3px)}.footer-pages h2,.footer-contact h2{font-size:22px;margin-bottom:20px;color:var(--color2)}.footer-pages ul,.footer-contact ul{display:flex;flex-direction:column;gap:12px}.footer-pages a,.footer-contact a{color:#fffc;transition:var(--transition);display:inline-block}.footer-pages a:hover,.footer-contact a:hover{color:var(--color2);padding-left:5px}.footer-contact ul li{display:flex;align-items:flex-start;gap:15px;color:#fffc}.footer-contact ul li i{color:var(--color5);margin-top:5px;font-size:18px}.footer-contact ul li span{flex:1;line-height:1.6}.footer-developer{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3}.footer-developer span{color:var(--color2);font-weight:600}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.banner-top{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000066e6,#2c3e50e6),url(/assets/bgackground/topbg.jpg) center/cover no-repeat;color:var(--color2);text-align:center;padding:80px 20px}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.banner-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.banner-tagline{font-size:18px;color:#ffffffe6;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.banner-top h1{font-size:42px;font-weight:var(--font-w2);margin-bottom:20px;line-height:1.3}.banner-top h2{font-size:24px;font-weight:var(--font-w1);margin-bottom:30px;color:#ffffffe6}.about-section{padding:80px 0;background-color:#f8f9fa}.about-row{display:flex;align-items:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}.about-row.reverse{flex-direction:row-reverse}.about-text{flex:1;min-width:300px}.about-text h3{font-size:28px;color:var(--color4);margin-bottom:20px;font-weight:var(--font-w2)}.about-text p{color:var(--color3);line-height:1.8;margin-bottom:25px;font-size:16px}.about-image{flex:1;min-width:300px;border-radius:15px;overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition)}.about-image:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.about-image img{width:100%;height:auto;display:block}.about-buttons{display:flex;flex-wrap:wrap;gap:15px}.campaign-section{padding:60px 0;background-color:#fff}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.campaign-image{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.campaign-image img{width:100%;height:auto;display:block}.campaign-content h2{font-size:28px;color:var(--color4);margin-bottom:15px}.campaign-content p{color:var(--color3);line-height:1.7;margin-bottom:15px}@media (max-width: 900px){.campaign-grid{grid-template-columns:1fr}}.why-donate{padding:80px 0;background-color:var(--color2)}.why-donate .row{align-items:center}.why-donate p{color:var(--color3);line-height:1.8;margin-bottom:25px;font-size:16px}.stats-section{padding:80px 0;background:linear-gradient(135deg,var(--color4) 0%,var(--color5) 100%);color:var(--color2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.stat-card{text-align:center;padding:40px 20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.stat-card:hover{transform:translateY(-10px);background:#ffffff26}.stat-card i{font-size:48px;margin-bottom:20px;color:var(--color2)}.stat-card h2{font-size:42px;font-weight:var(--font-w2);margin-bottom:10px}.stat-card p{font-size:18px;opacity:.9}.feedback-section{padding:80px 0;background:url(/assets/bgackground/feedback.jpg) center/cover no-repeat;background-attachment:fixed;position:relative}.feedback-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2}.feedback-section .container{position:relative;z-index:1}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.feedback-card{background:var(--color2);border-radius:15px;padding:30px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}.feedback-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.feedback-img{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid var(--color5)}.feedback-img img{width:100%;height:100%;object-fit:cover}.feedback-info h3{color:var(--color4);font-size:20px;font-weight:var(--font-w2)}.banner-bottom{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000066e6,#2c3e50e6),url(/assets/bgackground/topbg.jpg) center/cover no-repeat;color:var(--color2);text-align:center;padding:60px 20px}.banner-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:30px}.volunteers-section{padding:80px 0;background:url(/assets/bgackground/volenteress.jpg) center/cover no-repeat;background-attachment:fixed;position:relative}.volunteers-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2}.volunteers-section .container{position:relative;z-index:1}.volunteers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.volunteer-card{background:var(--color2);border-radius:15px;padding:30px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}.volunteer-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.volunteer-img{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid var(--color5)}.volunteer-img img{width:100%;height:100%;object-fit:cover}.volunteer-info h3{color:var(--color4);font-size:20px;font-weight:var(--font-w2)}.contact-section{padding:80px 0;background-color:#f8f9fa}.contact-row{display:flex;gap:40px;flex-wrap:wrap}.contact-info{flex:1;min-width:300px}.info-item{display:flex;gap:20px;margin-bottom:30px;align-items:flex-start}.info-item i{font-size:24px;color:var(--color5);margin-top:5px}.info-item p{color:var(--color3);line-height:1.8;flex:1}.contact-details{display:flex;gap:30px;flex-wrap:wrap}.contact-detail-item{display:flex;gap:15px;align-items:center}.contact-detail-item i{font-size:20px;color:var(--color5)}.contact-detail-item p{color:var(--color3);font-size:16px}.contact-form{flex:1;min-width:300px;background:var(--color2);padding:40px;border-radius:15px;box-shadow:var(--shadow)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:var(--color4);font-weight:var(--font-w1)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:var(--font2);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color5);box-shadow:0 0 0 3px #1da1f21a}.form-group textarea{resize:vertical;min-height:120px}.form-btn{text-align:center}@media (max-width: 768px){.banner-top h1{font-size:32px}.banner-top h2{font-size:20px}.about-row,.about-row.reverse,.contact-row{flex-direction:column}}.donate-page{min-height:80vh;padding:60px 0;background:linear-gradient(135deg,#f8f9fa,#e8f8f5)}.donate-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.donate-form-wrapper{background:var(--color2);padding:40px;border-radius:15px;box-shadow:var(--shadow-lg)}.donate-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:var(--font-w1);color:var(--color4);font-size:16px}.form-group input{padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:var(--font2);transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--color5);box-shadow:0 0 0 3px #1da1f21a}.form-btn{margin-top:10px}.policy-notice{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;font-size:14px;color:var(--color3);text-align:center}.policy-notice a{color:var(--color4);text-decoration:underline;font-weight:600}.policy-notice a:hover{color:var(--color5)}.donate-info{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--color2);padding:30px;border-radius:15px;box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.info-card i{font-size:48px;color:var(--color5);margin-bottom:15px}.info-card h3{color:var(--color4);font-size:22px;margin-bottom:10px;font-weight:var(--font-w2)}.info-card p{color:var(--color3);line-height:1.6}@media (max-width: 968px){.donate-content{grid-template-columns:1fr}}.policy-page{min-height:80vh;padding:60px 0;background:linear-gradient(135deg,#f8f9fa,#e8f8f5)}.policy-content{max-width:1000px;margin:0 auto}.policy-card,.policy-section{background:var(--color2);padding:40px;border-radius:15px;box-shadow:var(--shadow);margin-bottom:30px}.policy-card h3,.policy-section h3{color:var(--color4);font-size:24px;margin-bottom:20px;font-weight:var(--font-w2)}.policy-card p,.policy-section p{color:var(--color3);line-height:1.8;font-size:16px;text-align:justify;margin-bottom:15px}.policy-subsection{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.policy-subsection:last-child{border-bottom:none}.policy-subsection h4{color:var(--color4);font-size:18px;margin-bottom:10px;font-weight:600}.policy-intro{background:var(--color2);padding:40px;border-radius:15px;box-shadow:var(--shadow);margin-bottom:30px}.policy-intro p{color:var(--color3);line-height:1.8;font-size:16px;text-align:justify;margin-bottom:20px}.policy-notice-box{background:linear-gradient(135deg,var(--color4) 0%,var(--color5) 100%);color:var(--color2);padding:30px;border-radius:15px;margin-bottom:30px;text-align:center}.policy-notice-box p{color:var(--color2);font-size:18px;line-height:1.6;margin:0}.terms-list{display:flex;flex-direction:column;gap:20px}.terms-list .policy-section{margin-bottom:0}@media (max-width: 768px){.policy-card,.policy-section,.policy-intro{padding:25px}.policy-card h3,.policy-section h3{font-size:20px}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}