:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-navy:#1c2d3a;--color-navy-light:#253949;--color-slate:#455a64;--color-slate-light:#94a3b8;--color-rosewood:#9b5e6d;--color-rosewood-hover:#834f5c;--color-rosewood-soft:#9b5e6d26;--color-ice:#f0f2f5;--color-white:#fff;--color-border-subtle:#e2e8f0;--color-border-dark:#ffffff1f;--max-width:1240px;--transition:all .25s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 2px 8px #1c2d3a0d;--font-latin:"Inter", system-ui, -apple-system, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Tajawal", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-ice);width:100%;min-height:100vh;color:var(--color-navy);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-latin);-webkit-font-smoothing:antialiased;line-height:1.6}body[lang=ar]{font-family:var(--font-arabic)}#root,.app-root{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}section{box-sizing:border-box;width:100%;margin:0}a{color:inherit;text-decoration:none}.navbar{z-index:100;background-color:var(--color-navy);border-bottom:1px solid var(--color-border-dark);color:#fff;width:100%;height:80px;position:fixed;top:0;left:0}.navbar-container{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;transition:opacity .2s;display:flex}.brand-wrapper:hover{opacity:.9}.brand-title{letter-spacing:.06em;color:#fff;font-size:1.15rem;font-weight:800;line-height:1.1}.brand-subtitle{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.6rem;font-weight:600}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:#cbd5e1;transition:var(--transition);font-size:.88rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-rosewood)}.nav-actions{align-items:center;gap:12px;display:flex}.lang-btn{background-color:var(--color-rosewood-soft);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #9b5e6d66;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.lang-btn:hover{background-color:var(--color-rosewood);border-color:var(--color-rosewood)}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:none}.mobile-menu{background-color:var(--color-navy);border-bottom:1px solid var(--color-border-dark);opacity:0;visibility:hidden;width:100%;padding:20px 0;transition:all .25s ease-in-out;display:none;position:absolute;top:80px;left:0;transform:translateY(-10px);box-shadow:0 10px 25px #0000004d}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{flex-direction:column;align-items:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-links a{color:#e2e8f0;font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .2s}.mobile-nav-links a:hover{color:var(--color-rosewood)}@media (width<=960px){.desktop-links{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.mobile-menu{display:block}.brand-title{font-size:1rem}.brand-subtitle{font-size:.52rem}}.hero-section{background-color:var(--color-white);border-bottom:1px solid var(--color-border-subtle);width:100%;padding-top:160px;padding-bottom:100px}.hero-container{max-width:var(--max-width);justify-content:center;margin:0 auto;padding:0 32px;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:860px;display:flex}.hero-badge{background-color:var(--color-rosewood-soft);color:var(--color-rosewood);letter-spacing:.08em;text-transform:uppercase;border:1px solid #9b5e6d40;border-radius:6px;margin-bottom:24px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-block}.hero-headline{color:var(--color-navy);letter-spacing:-.02em;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.25}[dir=ar] .hero-headline{line-height:1.4}.hero-description{color:var(--color-slate);max-width:720px;margin-bottom:36px;font-size:1.15rem;font-weight:400;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-hero-primary{background-color:var(--color-rosewood);color:#fff;transition:var(--transition);border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:.925rem;font-weight:600;display:inline-flex}.btn-hero-primary:hover{background-color:var(--color-rosewood-hover);transform:translateY(-1px)}.btn-hero-secondary{border:1px solid var(--color-slate);background-color:var(--color-white);color:var(--color-navy);transition:var(--transition);border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:.925rem;font-weight:600;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--color-rosewood);color:var(--color-rosewood);background-color:var(--color-rosewood-soft)}[dir=rtl] .btn-icon{transform:rotate(180deg)}@media (width<=768px){.hero-headline{font-size:2.1rem}}.about-section{background-color:var(--color-navy);color:#fff;width:100%;padding:90px 0}.about-container{max-width:var(--max-width);text-align:center;flex-direction:column;align-items:center;margin:0 auto;padding:0 32px;display:flex}.about-heading{color:#fff;margin-bottom:36px;font-size:2.25rem;font-weight:800;position:relative}.about-heading:after{content:"";background-color:var(--color-rosewood);border-radius:2px;width:50px;height:3px;margin:12px auto 0;display:block}.about-card{background-color:var(--color-navy-light);border:1px solid var(--color-border-dark);text-align:center;width:100%;max-width:880px;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:20px;padding:44px;display:flex}.about-paragraph{color:#e2e8f0;font-size:1.05rem;line-height:1.85}@media (width<=768px){.about-card{padding:24px}}.expertise-section{background-color:var(--color-ice);border-bottom:1px solid var(--color-border-subtle);width:100%;padding:clamp(56px,10vw,90px) 0;overflow-x:hidden}.expertise-container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,5vw,32px)}.expertise-heading{color:var(--color-navy);text-align:center;margin:0 0 clamp(32px,6vw,48px);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.2}.expertise-heading:after{content:"";background-color:var(--color-rosewood);border-radius:2px;width:50px;height:3px;margin:12px auto 0;display:block}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(16px,3vw,24px);display:grid}.expertise-card{background-color:var(--color-white);border:1px solid var(--color-border-subtle);transition:var(--transition);border-radius:8px;min-width:0;padding:clamp(20px,5vw,32px)}.expertise-card:hover{border-color:var(--color-rosewood);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.card-icon{background-color:var(--color-rosewood-soft);width:44px;height:44px;color:var(--color-rosewood);border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--color-navy);overflow-wrap:anywhere;margin-bottom:10px;font-size:clamp(1.05rem,3.5vw,1.15rem);font-weight:700}.card-desc{color:var(--color-slate);overflow-wrap:anywhere;font-size:.925rem;line-height:1.65}@media (width<=480px){.expertise-heading:after{width:72px}}.experience-section{background-color:var(--color-navy);color:#fff;width:100%;padding:clamp(56px,10vw,90px) 0;overflow-x:hidden}.experience-container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,5vw,32px)}.experience-heading{color:#fff;text-align:center;margin:0 0 clamp(32px,6vw,48px);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.2}.experience-heading:after{content:"";background-color:var(--color-rosewood);border-radius:2px;width:50px;height:3px;margin:12px auto 0;display:block}.timeline-list{flex-direction:column;gap:clamp(16px,3vw,28px);display:flex}.timeline-card{background-color:var(--color-navy-light);border:1px solid var(--color-border-dark);border-radius:8px;min-width:0;padding:clamp(20px,5vw,32px)}.timeline-period{background-color:var(--color-rosewood-soft);color:#fff;border:1px solid #9b5e6d4d;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.timeline-role{color:#fff;overflow-wrap:anywhere;margin-bottom:4px;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:800}.timeline-org{color:var(--color-slate-light);margin-bottom:20px;font-size:clamp(.88rem,3vw,.95rem);font-weight:600}.timeline-points{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.timeline-point{color:#e2e8f0;align-items:flex-start;gap:10px;font-size:clamp(.88rem,3vw,.95rem);line-height:1.6;display:flex}.timeline-point span{overflow-wrap:anywhere;min-width:0}.timeline-icon{color:var(--color-rosewood);flex-shrink:0;margin-top:4px}[dir=rtl] .timeline-icon{transform:rotate(180deg)}@media (width<=480px){.experience-heading:after{width:72px}.timeline-point{gap:8px}}.casestudies-section{background-color:var(--color-white);border-bottom:1px solid var(--color-border-subtle);width:100%;padding:clamp(56px,10vw,90px) 0;overflow-x:hidden}.casestudies-container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,5vw,32px)}.casestudies-heading{color:var(--color-navy);text-align:center;margin:0 0 clamp(32px,6vw,48px);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.2}.casestudies-heading:after{content:"";background-color:var(--color-rosewood);border-radius:2px;width:50px;height:3px;margin:12px auto 0;display:block}.casestudies-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,3vw,28px);display:grid}.casestudy-card{background-color:var(--color-ice);border:1px solid var(--color-border-subtle);border-radius:8px;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(20px,5vw,32px);display:flex}.casestudy-code{color:var(--color-rosewood);margin-bottom:8px;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;display:block}.casestudy-title{color:var(--color-navy);overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(1.05rem,3.5vw,1.15rem);font-weight:700}.casestudy-focus{color:var(--color-slate);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.78rem;font-weight:700}.casestudy-summary{color:var(--color-slate);overflow-wrap:anywhere;font-size:.925rem;line-height:1.6}@media (width<=480px){.casestudies-heading:after{width:72px}}.education-section{background-color:var(--color-navy);color:#fff;width:100%;padding:clamp(56px,10vw,90px) 0;overflow-x:hidden}.education-container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,5vw,32px)}.education-heading{color:#fff;text-align:center;margin:0 0 clamp(32px,6vw,48px);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.2}.education-heading:after{content:"";background-color:var(--color-rosewood);border-radius:4px;width:100px;height:4px;margin:16px auto 0;display:block}.education-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(16px,3vw,24px);display:grid}.education-card{background-color:var(--color-navy-light);border:1px solid var(--color-border-dark);border-radius:8px;min-width:0;padding:clamp(20px,5vw,28px)}.education-date{color:var(--color-rosewood);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.education-title{color:#fff;overflow-wrap:anywhere;margin-bottom:4px;font-size:clamp(1rem,3.5vw,1.05rem);font-weight:700}.education-inst{color:var(--color-slate-light);margin-bottom:12px;font-size:.85rem;font-weight:600}.education-note{color:#cbd5e1;overflow-wrap:anywhere;font-size:.825rem;font-style:italic;line-height:1.5}@media (width<=480px){.education-heading:after{width:72px}}.contact-section{color:#fff;text-align:center;background:linear-gradient(135deg,#455a64 0%,#37474f 100%);border-top:1px solid #ffffff1a;width:100%;padding:90px 0}.contact-container{max-width:720px;margin:0 auto;padding:0 32px}.contact-heading{color:#fff;margin-bottom:16px;font-size:2.25rem;font-weight:800}.contact-subheading{color:#eceff1;margin-bottom:36px;font-size:1.05rem;line-height:1.7}.contact-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-contact-primary{background-color:var(--color-rosewood);color:#fff;transition:var(--transition);border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:.925rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00000026}.btn-contact-primary:hover{background-color:var(--color-rosewood-hover);transform:translateY(-1px)}.btn-contact-secondary{color:#fff;transition:var(--transition);background-color:#ffffff14;border:1px solid #ffffff59;border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:.925rem;font-weight:600;display:inline-flex}.btn-contact-secondary:hover{background-color:#ffffff2e;border-color:#fff}.footer-section{background-color:var(--color-navy);text-align:center;color:#94a3b8;border-top:1px solid #455a644d;width:100%;padding:36px 0;font-size:.85rem}.footer-container{max-width:var(--max-width);flex-direction:column;align-items:center;gap:12px;margin:0 auto;padding:0 32px;display:flex}.footer-copyright{color:#94a3b8;font-size:.85rem}.footer-credit-group{flex-direction:column;align-items:center;gap:6px;display:flex}.footer-credit{color:#64748b;font-size:.825rem}.credit-brand{color:#fff;font-weight:800}.credit-link{color:var(--color-rosewood);transition:var(--transition);align-items:center;gap:6px;font-size:.825rem;font-weight:600;text-decoration:none;display:inline-flex}.credit-link:hover{color:#fff}.instagram-icon-svg{flex-shrink:0;transition:transform .2s}.credit-link:hover .instagram-icon-svg{transform:scale(1.15)}