:root{--primary:#d32f2f;--primary-dark:#b71c1c;--primary-light:#d32f2f14;--secondary:#1a237e;--secondary-dark:#0d1457;--secondary-light:#1a237e14;--accent:#ff6f61;--bg:#f7f8fc;--bg-alt:#fff;--bg-card:#fff;--bg-hero-overlay:#0d1457d1;--text:#4a4a6a;--text-heading:#1a237e;--text-muted:#8e8ea9;--text-on-dark:#f0f0ff;--text-on-primary:#fff;--border:#e8e8f0;--border-light:#f0f0f8;--shadow-sm:0 2px 8px #1a237e0a;--shadow-md:0 8px 30px #1a237e14;--shadow-lg:0 20px 60px #1a237e1f;--shadow-glow:0 0 40px #d32f2f26;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:100px;--font-ar:"Cairo", "Segoe UI", sans-serif;--font-en:"Inter", "Segoe UI", sans-serif;--font-heading:"Poppins", "Cairo", sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--container-max:1200px;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html[data-scroll-behavior=smooth],html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-en);background-color:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}body[dir=rtl]{font-family:var(--font-ar)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);font-weight:700;line-height:1.25}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3,body[dir=rtl] h4{font-family:var(--font-ar)}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.site-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);z-index:1000;height:var(--header-height);background:#ffffffeb;align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.logo img{width:auto;height:64px;transition:var(--transition)}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--text-heading);border-radius:var(--radius-pill);transition:var(--transition);padding:8px 16px;font-size:.95rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--primary-light)}.header-actions{align-items:center;gap:12px;display:flex}.lang-switch{border:1.5px solid var(--border);color:var(--text-heading);cursor:pointer;border-radius:var(--radius-pill);transition:var(--transition);white-space:nowrap;background:0 0;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:600}.lang-switch:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-donate-nav{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-pill);transition:var(--transition);white-space:nowrap;padding:10px 28px;font-size:.9rem;font-weight:700;box-shadow:0 4px 15px #d32f2f4d;color:var(--text-on-primary)!important}.btn-donate-nav:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d32f2f66}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:8px;display:none}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{background-color:var(--text-heading);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.mobile-menu-toggle.active .hamburger-icon{background-color:#0000}.mobile-menu-toggle.active .hamburger-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger-icon:after{top:0;transform:rotate(-45deg)}.hero{background:var(--secondary);justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:1;background:linear-gradient(135deg,#0d1457e0 0%,#1a237ebf 50%,#d32f2f40 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:820px;padding:0 24px;position:relative}.hero-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;letter-spacing:.5px;background:#ffffff1f;border:1px solid #ffffff26;margin-bottom:1.5rem;padding:8px 24px;font-size:.9rem;font-weight:600;display:inline-block}.hero h1{color:#fff;text-shadow:0 2px 20px #0003;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.hero p{color:#ffffffe0;max-width:680px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:var(--radius-pill);transition:var(--transition);cursor:pointer;letter-spacing:.3px;text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 36px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:var(--text-on-primary);box-shadow:0 4px 20px #d32f2f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d32f2f66}.btn-outline{color:#fff;background:0 0;border:2px solid #fff6}.btn-outline:hover{background:#ffffff26;border-color:#ffffffb3}.btn-outline-dark{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline-dark:hover{background:var(--primary);color:#fff}.section{padding:6rem 0}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;margin-bottom:4rem}.section-badge{border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;padding:6px 20px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{color:var(--text-heading);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.5rem);position:relative}.section-desc{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1.1rem;line-height:1.8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;transition:var(--transition);border:1px solid var(--border-light);padding:40px 28px;position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));width:0;height:3px;transition:var(--transition-slow);position:absolute;bottom:0;left:0}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-8px)}.feature-card:hover:after{width:100%}.feature-icon{background:linear-gradient(135deg, var(--primary-light), #d32f2f0a);width:72px;height:72px;color:var(--primary);transition:var(--transition);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;display:inline-flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;transform:scale(1.05)}.feature-title{color:var(--text-heading);margin-bottom:.75rem;font-size:1.15rem}.feature-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.project-card-image{height:220px;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.project-card:hover .project-card-image img{transform:scale(1.08)}.project-card-tag{border-radius:var(--radius-pill);background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:5px 14px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}body[dir=rtl] .project-card-tag{left:16px;right:auto}.project-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.project-card-title{color:var(--text-heading);margin-bottom:.75rem;font-size:1.2rem}.project-card-impact{color:var(--text-muted);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-card .btn{width:100%;margin-top:auto}.partner-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.partner-card{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-light);transition:var(--transition);flex-direction:column;align-items:center;padding:32px 24px;display:flex}.partner-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.partner-logo-wrap{justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:1.25rem;padding:12px;display:flex}.partner-logo-wrap img{object-fit:contain;filter:grayscale(.3);max-width:100%;max-height:100%;transition:var(--transition)}.partner-card:hover .partner-logo-wrap img{filter:grayscale(0);transform:scale(1.05)}.partner-name{color:var(--text-heading);font-size:.95rem;font-weight:600}.cta-section{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;text-align:center;padding:5rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:#ffffff0d;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.cta-section:after{content:"";background:#ffffff08;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-30%;left:-10%}.cta-section .container{z-index:2;position:relative}.cta-title{color:#fff;margin-bottom:2rem;font-size:clamp(1.5rem,4vw,2.5rem)}.cta-btn{color:var(--primary);border-radius:var(--radius-pill);transition:var(--transition);background:#fff;align-items:center;padding:16px 40px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #00000026}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0003}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:4rem;display:grid}.vision-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);text-align:center;padding:40px 32px}.vision-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.vision-icon{margin-bottom:1.25rem;font-size:3rem}.vision-title{color:var(--text-heading);margin-bottom:1rem;font-size:1.3rem}.vision-text{color:var(--text-muted);line-height:1.8}.story-section{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:4rem;padding:48px 40px}.story-title{color:var(--text-heading);margin-bottom:1.5rem;font-size:1.6rem}.story-text{color:var(--text);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.9}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.dept-card{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;color:var(--text-heading);border:1px solid var(--border-light);transition:var(--transition);padding:24px 20px;font-size:.95rem;font-weight:700}.dept-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-3px)}.contact-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);max-width:680px;box-shadow:var(--shadow-md);margin:0 auto;padding:48px 40px}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-heading);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);transition:var(--transition);padding:14px 18px;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #d32f2f1a}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:120px}.form-error{color:var(--primary);margin-top:6px;font-size:.85rem;display:none}.form-success{text-align:center;border-radius:var(--radius-sm);color:#2e7d32;background:#4caf5014;border:1px solid #4caf5033;margin-top:1rem;padding:24px;font-weight:600}.project-detail{padding:4rem 0}.project-detail-content{max-width:900px;margin:0 auto}.project-detail h1{margin-bottom:2rem;font-size:clamp(1.6rem,4vw,2.4rem)}.slider-container{border-radius:var(--radius-md);width:100%;height:450px;box-shadow:var(--shadow-md);background:#eee;margin-bottom:2rem;position:relative;overflow:hidden}.slider{direction:ltr;height:100%;transition:transform .5s ease-in-out;display:flex}.slide{min-width:100%;height:100%}.slide img{object-fit:cover;width:100%;height:100%}.slider-btn{cursor:pointer;width:44px;height:44px;color:var(--secondary);transition:var(--transition);z-index:10;box-shadow:var(--shadow-sm);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{color:var(--primary);box-shadow:var(--shadow-md);background:#fff}.slider-btn.prev{left:16px}.slider-btn.next{right:16px}body[dir=rtl] .slider-btn.prev{left:auto;right:16px}body[dir=rtl] .slider-btn.next{left:16px;right:auto}.slider-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;width:10px;height:10px;transition:var(--transition);background:#ffffff80;border:none;border-radius:50%}.dot.active{background:#fff;transform:scale(1.3)}.video-container{border-radius:var(--radius-md);height:0;box-shadow:var(--shadow-md);margin-top:2rem;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.impact-box{background:var(--bg);border-radius:var(--radius-md);border-left:4px solid var(--primary);margin-top:3rem;padding:28px 32px}body[dir=rtl] .impact-box{border-left:none;border-right:4px solid var(--primary)}.impact-box h3{color:var(--primary);margin-bottom:.75rem;font-size:1.1rem}.impact-box p{color:var(--text);font-weight:500}.project-description{color:var(--text);white-space:pre-line;margin-top:2rem;font-size:1.05rem;line-height:1.9}.site-footer{background:linear-gradient(135deg, var(--secondary-dark), var(--secondary));color:#fff9;text-align:center;padding:4rem 0 2rem}.footer-logo{opacity:.8;height:60px;margin:0 auto 1.5rem}.site-footer p{font-size:.9rem}@media (max-width:768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.header-inner{flex-wrap:wrap}.nav-links{border-top:1px solid var(--border);flex-direction:column;order:10;gap:0;width:100%;margin-top:10px;padding:1rem 0;display:none}.nav-links.active{display:flex}.nav-links a{border-bottom:1px solid var(--border-light);border-radius:0;padding:12px 0;font-size:1rem}.nav-links a:last-child{border-bottom:none}.header-actions{border-top:1px solid var(--border);order:11;justify-content:center;gap:10px;width:100%;padding:1rem 0;display:none}.header-actions.active{display:flex}.hero{min-height:70vh}.section{padding:4rem 0}.features-grid,.card-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,1fr)}.logo img{height:44px}.contact-card,.story-section{padding:32px 24px}.slider-container{height:280px}}@media (max-width:480px){.container{padding:0 16px}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons .btn{width:100%;max-width:280px}.partner-grid,.departments-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s ease-out forwards fadeInUp}.page-header{background:linear-gradient(135deg, var(--secondary), var(--secondary-dark));text-align:center;padding:4rem 0 3rem}.page-header .section-badge{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff26}.page-header .section-title{color:#fff}.page-header .section-desc{color:#ffffffbf}