@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@300;400;500;600;700;800&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--clr-teal: #03d196;--clr-cyan: #00b6cb;--clr-blue: #06a8d9;--clr-indigo: #1871ff;--clr-green: #0aba70;--clr-turquoise: #00c7c6;--clr-orange: #fd7f21;--clr-pink: #f94256;--clr-red: #ff4539;--clr-magenta: #c83177;--clr-primary: var(--clr-teal);--clr-primary-dark: #02a576;--clr-accent: var(--clr-orange);--clr-accent-gold: #D4AF37;--clr-success: var(--clr-green);--clr-danger: var(--clr-red);--clr-white: #FFFFFF;--clr-off-white: #F7F8FA;--clr-gray-50: #F1F3F5;--clr-gray-100: #E9ECEF;--clr-gray-200: #DEE2E6;--clr-gray-300: #CED4DA;--clr-gray-400: #ADB5BD;--clr-gray-500: #6C757D;--clr-gray-600: #495057;--clr-gray-700: #343A40;--clr-gray-800: #212529;--clr-gray-900: #0F1419;--clr-dark: #0A0E14;--grad-brand: linear-gradient(135deg, var(--clr-teal) 0%, var(--clr-cyan) 30%, var(--clr-blue) 60%, var(--clr-indigo) 100%);--grad-warm: linear-gradient(135deg, var(--clr-orange) 0%, var(--clr-pink) 100%);--grad-hero: linear-gradient(160deg, #021B1A 0%, #031D2B 30%, #041830 60%, #0A1040 100%);--grad-gold: linear-gradient(135deg, #D4AF37, #F5D060, #D4AF37);--grad-glass: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));--ff-heading: "Amiri", Georgia, "Times New Roman", serif;--ff-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--ff-arabic: "Noto Naskh Arabic", "Amiri", serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem;--fs-6xl: 4.5rem;--fs-hero: clamp(3rem, 8vw, 6rem);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.6;--lh-relaxed: 1.8;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 40px rgba(3, 209, 150, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--header-h: 80px;--container-w: 1280px;--container-narrow: 900px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-base: .35s;--duration-slow: .6s;--z-base: 1;--z-above: 10;--z-nav: 100;--z-modal: 1000;--z-overlay: 2000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--clr-gray-800);background-color:var(--clr-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--clr-gray-900)}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-60px;left:var(--sp-4);background:var(--clr-teal);color:var(--clr-white);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);z-index:calc(var(--z-overlay) + 1);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--sp-4)}*:focus-visible{outline:3px solid var(--clr-orange);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:var(--sp-6)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--sp-20);position:relative}.section--dark{background:var(--clr-gray-900);color:var(--clr-gray-100)}.section--dark h2,.section--dark h3{color:var(--clr-white)}.section__header{text-align:center;margin-bottom:var(--sp-12)}.section__badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:#03d1961a;color:var(--clr-teal);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4)}.section__title{font-size:clamp(var(--fs-2xl),4vw,var(--fs-4xl));margin-bottom:var(--sp-4)}.section__subtitle{font-family:var(--ff-body);font-weight:var(--fw-regular);font-size:var(--fs-md);color:var(--clr-gray-500);max-width:640px;margin-inline:auto;line-height:var(--lh-relaxed)}.grid{display:grid;gap:var(--sp-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--header-h);display:flex;align-items:center;background:transparent;transition:background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.navbar.scrolled{background:#0a0e14eb;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px #ffffff0f}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:var(--sp-6);height:100%}.navbar__brand{display:flex;align-items:center;gap:var(--sp-3);z-index:2;flex-shrink:0;text-decoration:none}.navbar__logo{height:40px;width:40px;object-fit:contain;flex-shrink:0}.navbar__name{display:flex;flex-direction:column;line-height:1}.navbar__title{font-family:var(--ff-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--clr-white);line-height:1.2;white-space:nowrap}.navbar__tagline{font-size:.65rem;color:#ffffff80;font-weight:var(--fw-medium);letter-spacing:.03em;white-space:nowrap}.navbar__links{display:flex;align-items:center;gap:var(--sp-8)}.navbar__link{position:relative;color:#fffc;font-size:var(--fs-sm);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-2) 0;transition:color var(--duration-fast) var(--ease-out)}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--grad-warm);border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.navbar__link:hover,.navbar__link.active{color:var(--clr-white)}.navbar__link:hover:after,.navbar__link.active:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.navbar__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);z-index:2;transition:background var(--duration-fast)}.navbar__toggle:hover{background:#fff3}.navbar__toggle-bar{display:block;width:20px;height:2px;background:var(--clr-white);border-radius:2px;transition:all var(--duration-base) var(--ease-out)}.navbar__toggle.active .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle.active .navbar__toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle.active .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.navbar__links,.navbar__actions{display:none}.navbar__toggle{display:flex}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);pointer-events:none;visibility:hidden}.mobile-menu.open{pointer-events:auto;visibility:visible}.mobile-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.mobile-menu.open .mobile-menu__backdrop{opacity:1}.mobile-menu__panel{position:absolute;top:0;right:0;bottom:0;width:85%;max-width:380px;background:var(--clr-dark);padding:var(--sp-24) var(--sp-8) var(--sp-8);overflow-y:auto;transform:translate(100%);transition:transform var(--duration-base) var(--ease-out)}.mobile-menu.open .mobile-menu__panel{transform:translate(0)}.mobile-menu__link{display:block;padding:var(--sp-4) 0;color:#ffffffb3;font-size:var(--fs-lg);font-weight:var(--fw-semibold);border-bottom:1px solid rgba(255,255,255,.08);transition:color var(--duration-fast)}.mobile-menu__link:hover{color:var(--clr-teal)}.mobile-menu__cta{margin-top:var(--sp-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--ff-body);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;padding:14px 28px;border-radius:var(--radius-md);min-height:48px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.btn--primary{background:var(--grad-brand);background-size:200% 200%;color:var(--clr-white);box-shadow:0 4px 20px #03d1964d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #03d19666;background-position:100% 100%}.btn--outline{background:transparent;color:var(--clr-white);border:2px solid rgba(255,255,255,.3)}.btn--outline:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.btn--ghost{background:#ffffff14;color:var(--clr-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:#ffffff26;transform:translateY(-2px)}.btn--accent{background:var(--grad-warm);color:var(--clr-white);box-shadow:0 4px 20px #fd7f214d}.btn--accent:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fd7f2166}.btn--lg{padding:18px 36px;font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn--sm{padding:10px 20px;font-size:var(--fs-xs);min-height:38px}.btn--block{width:100%}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(var(--header-h) + var(--sp-16)) var(--sp-6) var(--sp-16);background:var(--grad-hero);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2303d196' stroke-width='0.4'%3E%3C!-- 8-pointed star --%3E%3Cpath d='M60 10L74 46L110 60L74 74L60 110L46 74L10 60L46 46Z'/%3E%3C!-- inner star --%3E%3Cpath d='M60 25L69 51L95 60L69 69L60 95L51 69L25 60L51 51Z'/%3E%3C!-- circle ring --%3E%3Ccircle cx='60' cy='60' r='35'/%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3C!-- diagonal connectors --%3E%3Cpath d='M0 0L60 60M120 0L60 60M0 120L60 60M120 120L60 60'/%3E%3C!-- corner diamonds --%3E%3Cpath d='M0 0L15 0L0 15Z'/%3E%3Cpath d='M120 0L105 0L120 15Z'/%3E%3Cpath d='M0 120L15 120L0 105Z'/%3E%3Cpath d='M120 120L105 120L120 105Z'/%3E%3C!-- cross axes --%3E%3Cpath d='M60 0L60 120M0 60L120 60'/%3E%3C!-- petal arcs --%3E%3Cpath d='M60 25 Q75 45 60 60 Q45 45 60 25Z'/%3E%3Cpath d='M95 60 Q75 75 60 60 Q75 45 95 60Z'/%3E%3Cpath d='M60 95 Q45 75 60 60 Q75 75 60 95Z'/%3E%3Cpath d='M25 60 Q45 45 60 60 Q45 75 25 60Z'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231871ff' stroke-width='0.3'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z'/%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3Cpath d='M30 0L30 60M0 30L60 30'/%3E%3C/g%3E%3C/svg%3E");opacity:.22;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 80%)}.hero:after{content:"";position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(3,209,150,.15) 0%,transparent 70%);top:-200px;right:-200px;z-index:0;pointer-events:none}.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(24,113,255,.12) 0%,transparent 70%);bottom:-150px;left:-150px;z-index:0;pointer-events:none}.hero__content{position:relative;z-index:1;max-width:900px;margin-inline:auto}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:#03d1961a;border:1px solid rgba(3,209,150,.2);border-radius:var(--radius-full);color:var(--clr-teal);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-8);animation:fadeSlideUp .8s var(--ease-out) both}.hero__title{font-size:var(--fs-hero);font-weight:var(--fw-bold);line-height:1.05;color:var(--clr-white);margin-bottom:var(--sp-6);animation:fadeSlideUp .8s var(--ease-out) .15s both}.hero__title span{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-family:var(--ff-body);font-size:clamp(var(--fs-md),2vw,var(--fs-xl));font-weight:var(--fw-regular);color:#fff9;max-width:620px;margin-inline:auto;margin-bottom:var(--sp-10);line-height:var(--lh-relaxed);animation:fadeSlideUp .8s var(--ease-out) .3s both}.hero__actions{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;animation:fadeSlideUp .8s var(--ease-out) .45s both}.hero__scroll{position:absolute;bottom:var(--sp-8);left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:#fff6;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;animation:fadeSlideUp .8s var(--ease-out) .6s both}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--clr-teal),transparent);animation:scrollPulse 2s ease-in-out infinite}.stats{position:relative;z-index:2;margin-top:-60px;padding-bottom:var(--sp-16)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}.stat-card{background:var(--clr-white);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--clr-gray-100);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);font-size:var(--fs-xl)}.stat-card__icon--teal{background:#03d1961a;color:var(--clr-teal)}.stat-card__icon--blue{background:#06a8d91a;color:var(--clr-blue)}.stat-card__icon--orange{background:#fd7f211a;color:var(--clr-orange)}.stat-card__icon--indigo{background:#1871ff1a;color:var(--clr-indigo)}.stat-card__number{font-family:var(--ff-body);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--clr-gray-900);line-height:1;margin-bottom:var(--sp-2)}.stat-card__label{font-size:var(--fs-sm);color:var(--clr-gray-500);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em}@media(max-width:900px){.stats__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.stats__grid{grid-template-columns:1fr}.stats{margin-top:-30px}}.units__track-wrapper{position:relative;overflow:hidden;padding:var(--sp-8) 0}.units__track-wrapper:before,.units__track-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.units__track-wrapper:before{left:0;background:linear-gradient(to right,var(--clr-off-white),transparent)}.units__track-wrapper:after{right:0;background:linear-gradient(to left,var(--clr-off-white),transparent)}.units__track{display:flex;gap:var(--sp-8);width:max-content;animation:scrollCarousel 45s linear infinite}.units__track:hover{animation-play-state:paused}.unit-card{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid var(--clr-gray-100);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out)}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--clr-teal)}.unit-card__logo{width:80px;height:80px;object-fit:contain;margin-bottom:var(--sp-3)}.unit-card__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;color:var(--clr-gray-700)}.volunteers__track-wrapper{position:relative;overflow:hidden;padding:var(--sp-4) 0 var(--sp-8)}.volunteers__track-wrapper:before,.volunteers__track-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.volunteers__track-wrapper:before{left:0;background:linear-gradient(to right,var(--clr-dark),transparent)}.volunteers__track-wrapper:after{right:0;background:linear-gradient(to left,var(--clr-dark),transparent)}.volunteers__track{display:flex;gap:var(--sp-6);width:max-content;animation:scrollVolunteers 60s linear infinite}.volunteers__track:hover{animation-play-state:paused}@keyframes scrollVolunteers{0%{transform:translate(0)}to{transform:translate(-50%)}}.volunteer-hero{flex:0 0 460px;display:flex;align-items:stretch;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.volunteer-hero:hover{transform:translateY(-6px) scale(1.02);border-color:#fff3;box-shadow:0 24px 48px #00000059,0 0 30px #03d19614}.volunteer-hero--right{flex-direction:row-reverse}.volunteer-hero__accent{width:5px;flex-shrink:0}.volunteer-hero__photo{width:160px;min-height:200px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff08;position:relative;overflow:hidden}.volunteer-hero__img{width:100%;height:100%;object-fit:cover}.volunteer-hero__avatar{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-white);letter-spacing:.04em;box-shadow:0 6px 24px #0000004d}.volunteer-hero__info{flex:1;padding:var(--sp-6);display:flex;flex-direction:column;justify-content:center}.volunteer-hero__name{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-white);margin-bottom:var(--sp-2);line-height:var(--lh-snug)}.volunteer-hero__role{display:inline-block;width:fit-content;padding:3px 14px;background:#03d1961f;border:1px solid rgba(3,209,150,.25);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--clr-teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-4)}.volunteer-hero__desc{font-size:var(--fs-sm);color:#ffffff80;line-height:var(--lh-relaxed)}@media(max-width:600px){.volunteer-hero{flex:0 0 320px;flex-direction:column!important}.volunteer-hero__accent{width:100%;height:4px}.volunteer-hero__photo{width:100%;min-height:140px}.volunteer-hero__avatar{width:70px;height:70px;font-size:var(--fs-xl)}}.project-filters{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-10)}.filter-btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-gray-500);background:var(--clr-white);border:1px solid var(--clr-gray-200);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.filter-btn:hover{color:var(--clr-teal);border-color:var(--clr-teal)}.filter-btn.active{background:var(--grad-brand);color:var(--clr-white);border-color:transparent;box-shadow:0 4px 12px #03d19640}.project-card{background:var(--clr-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--clr-gray-100);transition:all var(--duration-base) var(--ease-out)}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.project-card__img{position:relative;overflow:hidden;height:180px}.project-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.project-card:hover .project-card__img img{transform:scale(1.08)}.project-card__status{position:absolute;top:var(--sp-3);right:var(--sp-3);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em}.project-card__status--ongoing{background:#03d196e6;color:var(--clr-white)}.project-card__status--completed{background:#1871ffe6;color:var(--clr-white)}.project-card__status--upcoming{background:#fd7f21e6;color:var(--clr-white)}.project-card__body{padding:var(--sp-4) var(--sp-5)}.project-card__category{display:inline-block;padding:var(--sp-1) var(--sp-3);background:#03d19614;color:var(--clr-teal);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);margin-bottom:var(--sp-3)}.project-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-2);color:var(--clr-gray-800)}.project-card__desc{font-size:var(--fs-sm);color:var(--clr-gray-500);line-height:var(--lh-relaxed);margin-bottom:var(--sp-4)}.project-card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--clr-gray-400)}.project-card__meta svg{width:16px;height:16px;color:var(--clr-teal)}.project-card__register{display:inline-flex;margin-top:var(--sp-3);font-size:var(--fs-xs);padding:6px 14px;text-decoration:none}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.gallery__item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;cursor:pointer}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.gallery__item:hover img{transform:scale(1.1)}.gallery__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.gallery__item:hover:after{opacity:1}.gallery__item-label{position:absolute;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);color:var(--clr-white);font-size:var(--fs-sm);font-weight:var(--fw-semibold);z-index:1;opacity:0;transform:translateY(10px);transition:all var(--duration-base) var(--ease-out)}.gallery__item:hover .gallery__item-label{opacity:1;transform:translateY(0)}.video-grid{display:flex;gap:var(--sp-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--clr-teal) rgba(255,255,255,.06)}.video-grid::-webkit-scrollbar{height:6px}.video-grid::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.video-grid::-webkit-scrollbar-thumb{background:var(--clr-teal);border-radius:3px}.video-card{flex:0 0 400px;scroll-snap-align:start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden;transition:all var(--duration-base) var(--ease-out)}@media(max-width:600px){.video-card{flex:0 0 260px}}.video-card:hover{border-color:var(--clr-teal);box-shadow:0 6px 24px #03d1961f}.video-card__embed{position:relative;width:100%;padding-bottom:56.25%;background:var(--clr-dark)}.video-card__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-card__info{padding:var(--sp-3) var(--sp-4)}.video-card__title{font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-white);margin-bottom:2px;line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card__event{font-size:.68rem;color:var(--clr-teal);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em}.testimonial-card{background:var(--clr-white);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);border:1px solid var(--clr-gray-100);position:relative;transition:all var(--duration-base) var(--ease-out)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.testimonial-card__quote-icon{font-size:2rem;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--sp-2);font-family:Georgia,serif}.testimonial-card__text{font-size:var(--fs-sm);color:var(--clr-gray-600);line-height:var(--lh-relaxed);font-style:italic;margin-bottom:var(--sp-4)}.testimonial-card__author{display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--clr-gray-100)}.testimonial-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;color:var(--clr-white);font-weight:var(--fw-bold);font-size:var(--fs-sm)}.testimonial-card__name{font-weight:var(--fw-semibold);color:var(--clr-gray-800);font-size:var(--fs-xs)}.testimonial-card__role{font-size:.68rem;color:var(--clr-gray-400)}.testimonial-form-card{background:var(--clr-white);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--clr-gray-100);max-width:560px;margin:0 auto}.testimonial-form-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-1);color:var(--clr-gray-900)}.testimonial-form-card__desc{font-size:var(--fs-xs);color:var(--clr-gray-500);margin-bottom:var(--sp-4)}.testimonial-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media(max-width:600px){.testimonial-form__row{grid-template-columns:1fr}}.testimonial-form__field{margin-bottom:var(--sp-3)}.testimonial-form__field label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--clr-gray-600);margin-bottom:4px}.testimonial-form__field input,.testimonial-form__field textarea{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--clr-gray-50);border:1px solid var(--clr-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--clr-gray-800);transition:border-color var(--duration-fast)}.testimonial-form__field input:focus,.testimonial-form__field textarea:focus{outline:none;border-color:var(--clr-teal);box-shadow:0 0 0 3px #03d1961a}.testimonial-form__field textarea{resize:vertical;min-height:70px}.testimonial-form__success{background:#03d1961a;border:1px solid rgba(3,209,150,.3);color:var(--clr-teal);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}.testimonial-form__error{background:#ff45391a;border:1px solid rgba(255,69,57,.3);color:var(--clr-red);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.cta-section{background:var(--grad-hero);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2303d196' stroke-width='0.5' opacity='0.08'%3E%3Cpath d='M40 0L40 80M0 40L80 40'/%3E%3Cpath d='M40 0L80 40L40 80L0 40Z'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.cta-section__inner{position:relative;z-index:1;text-align:center}.cta-section__title{color:var(--clr-white);font-size:clamp(var(--fs-2xl),4vw,var(--fs-4xl));margin-bottom:var(--sp-4)}.cta-section__text{color:#fff9;font-size:var(--fs-md);max-width:600px;margin-inline:auto;margin-bottom:var(--sp-8);line-height:var(--lh-relaxed)}.cta-section__buttons{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}.footer{background:var(--clr-dark);color:var(--clr-gray-400);padding-top:var(--sp-16)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-10);padding-bottom:var(--sp-12)}.footer__brand-desc{font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin-top:var(--sp-4);max-width:320px}.footer__heading{color:var(--clr-white);font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-5)}.footer__list li{margin-bottom:var(--sp-3)}.footer__list a{font-size:var(--fs-sm);color:var(--clr-gray-400);transition:color var(--duration-fast)}.footer__list a:hover{color:var(--clr-teal)}.footer__socials{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.footer__social{width:40px;height:40px;border-radius:var(--radius-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--clr-gray-400);transition:all var(--duration-fast)}.footer__social:hover{background:var(--clr-teal);color:var(--clr-white)}.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding:var(--sp-6) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.footer__copyright{font-size:var(--fs-sm)}.footer__bottom-links{display:flex;gap:var(--sp-6)}.footer__bottom-links a{font-size:var(--fs-sm);color:var(--clr-gray-500);transition:color var(--duration-fast)}.footer__bottom-links a:hover{color:var(--clr-teal)}@media(max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;text-align:center}}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.reveal-stagger.visible>*:nth-child(1){transition-delay:.05s}.reveal-stagger.visible>*:nth-child(2){transition-delay:.1s}.reveal-stagger.visible>*:nth-child(3){transition-delay:.15s}.reveal-stagger.visible>*:nth-child(4){transition-delay:.2s}.reveal-stagger.visible>*:nth-child(5){transition-delay:.25s}.reveal-stagger.visible>*:nth-child(6){transition-delay:.3s}.reveal-stagger.visible>*:nth-child(7){transition-delay:.35s}.reveal-stagger.visible>*:nth-child(8){transition-delay:.4s}.reveal-stagger.visible>*:nth-child(9){transition-delay:.45s}.reveal-stagger.visible>*:nth-child(10){transition-delay:.5s}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}@keyframes scrollCarousel{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #03d19666}to{box-shadow:0 0 0 20px #03d19600}}.gradient-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-center{text-align:center}.text-white{color:var(--clr-white)}.glass{background:var(--grad-glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08)}.islamic-divider{width:60px;height:3px;background:var(--grad-brand);border-radius:3px;margin:var(--sp-4) auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}.reveal-stagger>*{opacity:1;transform:none}}.cta-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.cta-modal-overlay[hidden]{display:none!important}.cta-modal{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:var(--clr-white);border-radius:var(--radius-lg);padding:var(--sp-6);position:relative;box-shadow:0 20px 60px #0000004d;animation:ctaSlideIn .3s var(--ease-out)}@keyframes ctaSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cta-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:var(--clr-gray-400);cursor:pointer;line-height:1}.cta-modal__close:hover{color:var(--clr-gray-800)}.cta-modal__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-gray-900);margin-bottom:var(--sp-1)}.cta-modal__desc{font-size:var(--fs-sm);color:var(--clr-gray-500);margin-bottom:var(--sp-5)}.cta-modal__field{margin-bottom:var(--sp-3)}.cta-modal__field label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--clr-gray-600);margin-bottom:4px}.cta-modal__field input,.cta-modal__field textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--clr-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--clr-gray-800);background:var(--clr-gray-50);transition:border-color .2s}.cta-modal__field input:focus,.cta-modal__field textarea:focus{outline:none;border-color:var(--clr-teal);box-shadow:0 0 0 3px #03d1961a}.cta-modal__field textarea{resize:vertical}.cta-modal__msg{padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.cta-modal__msg--success{background:#03d1961a;color:var(--clr-teal);border:1px solid rgba(3,209,150,.3)}.cta-modal__msg--error{background:#ff45391a;color:#e53e3e;border:1px solid rgba(255,69,57,.3)}.iic-banner{position:relative;padding:var(--sp-12) 0;background:linear-gradient(160deg,#f0fdf9,#ecfeff,#f0f9ff 60%,#eef2ff);overflow:hidden}.iic-banner__glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.iic-banner__glow--1{width:500px;height:500px;background:radial-gradient(circle,rgba(3,209,150,.12) 0%,transparent 70%);top:-200px;right:-100px}.iic-banner__glow--2{width:400px;height:400px;background:radial-gradient(circle,rgba(3,209,150,.1) 0%,transparent 70%);bottom:-150px;left:-100px}.iic-banner__card{position:relative;background:var(--clr-white);border:1px solid var(--clr-gray-100);border-radius:var(--radius-xl);padding:var(--sp-12) var(--sp-10);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1}.iic-banner__card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--clr-teal),var(--clr-cyan),var(--clr-blue),var(--clr-teal));background-size:400% 400%;animation:gradientShift 8s ease infinite;z-index:-2;opacity:.4}.iic-banner__card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--radius-xl) - 1px);background:var(--clr-white);z-index:-1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.iic-banner__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fd7f21' stroke-width='0.4' opacity='0.08'%3E%3Cpath d='M30 0L30 60M0 30L60 30'/%3E%3Cpath d='M30 5L55 30L30 55L5 30Z'/%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.iic-banner__content{display:flex;align-items:center;gap:var(--sp-10);position:relative;z-index:1}.iic-banner__logo-wrap{flex-shrink:0;width:120px;height:120px;background:linear-gradient(135deg,#fd7f2126,#f942561a);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:floatLogo 4s ease-in-out infinite;border:1px solid rgba(253,127,33,.2)}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.iic-banner__logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.iic-banner__text{flex:1}.iic-banner__title{font-family:var(--ff-heading);font-size:clamp(var(--fs-xl),3vw,var(--fs-3xl));font-weight:var(--fw-bold);color:var(--clr-gray-900);margin-bottom:var(--sp-3);line-height:var(--lh-snug)}.iic-banner__desc{font-family:var(--ff-body);font-size:var(--fs-base);color:var(--clr-gray-500);line-height:var(--lh-relaxed);max-width:600px}.iic-banner__action{flex-shrink:0}.iic-banner__btn{white-space:nowrap;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #03d1964d}50%{box-shadow:0 4px 40px #03d19680,0 0 60px #03d19633}}@media(max-width:900px){.iic-banner__content{flex-direction:column;text-align:center}.iic-banner__desc{margin-inline:auto}.iic-banner__card{padding:var(--sp-8) var(--sp-6)}}@media(max-width:640px){.iic-banner{padding:var(--sp-8) 0}.iic-banner__logo-wrap{width:90px;height:90px}.iic-banner__logo{width:60px;height:60px}}.contributors-section{overflow:hidden}.contributors__track-wrapper{width:100%;overflow:hidden;padding:var(--sp-4) 0;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.contributors__track{display:flex;gap:var(--sp-8);animation:scrollContributors 40s linear infinite;width:max-content}.contributors__track:hover{animation-play-state:paused}@keyframes scrollContributors{0%{transform:translate(0)}to{transform:translate(-50%)}}.contributor-slide{display:flex;align-items:center;gap:var(--sp-6);min-width:420px;max-width:480px;background:var(--clr-white);border:1px solid var(--clr-gray-100);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);flex-shrink:0}.contributor-slide:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.contributor-slide__photo{width:140px;height:140px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;position:relative;border:3px solid transparent;background-image:var(--grad-brand);background-origin:border-box;background-clip:padding-box,border-box}.contributor-slide__img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-lg) - 3px)}.contributor-slide__avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--clr-white);background:linear-gradient(135deg,var(--clr-teal),var(--clr-blue));border-radius:calc(var(--radius-lg) - 3px)}.contributor-slide__info{flex:1;min-width:0}.contributor-slide__name{font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-gray-900);margin-bottom:var(--sp-2);line-height:var(--lh-snug)}.contributor-slide__role{display:inline-flex;padding:var(--sp-1) var(--sp-3);background:#03d1961a;color:var(--clr-primary-dark);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-3);border:1px solid rgba(3,209,150,.2)}.contributor-slide__desc{font-size:var(--fs-sm);color:var(--clr-gray-500);line-height:var(--lh-relaxed);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.contributor-slide{min-width:320px;max-width:360px;flex-direction:column;text-align:center;padding:var(--sp-5)}.contributor-slide__photo{width:110px;height:110px}.contributor-slide__info{text-align:center}.contributor-slide__role{margin-inline:auto}}@media print{.navbar,.mobile-menu,.hero__scroll,.skip-link{display:none}.hero{min-height:auto;padding:var(--sp-8)}body{color:#000;background:#fff}}