@font-face{font-family:arabicMedium;src:url(../media/Elgharib_Tajarib_Taweel_Medium-s.p.0fft3771zzbsz.otf)format("opentype");font-display:swap;font-weight:500}@font-face{font-family:arabicMedium Fallback;src:local(Arial);ascent-override:103.62%;descent-override:25.9%;line-gap-override:0.0%;size-adjust:96.51%}.arabicmedium_7634edba-module__G5fGNW__className{font-family:arabicMedium,arabicMedium Fallback;font-weight:500}.arabicmedium_7634edba-module__G5fGNW__variable{--font-arabic-medium:"arabicMedium", "arabicMedium Fallback"}
@font-face{font-family:arabicBold;src:url(../media/Elgharib_Tajarib_Taweel_Bold-s.p.1hmqmoniztvgz.otf)format("opentype");font-display:swap;font-weight:700}@font-face{font-family:arabicBold Fallback;src:local(Arial);ascent-override:98.59%;descent-override:24.65%;line-gap-override:0.0%;size-adjust:101.43%}.arabicbold_31ae1d9f-module__ANe4Qq__className{font-family:arabicBold,arabicBold Fallback;font-weight:700}.arabicbold_31ae1d9f-module__ANe4Qq__variable{--font-arabic-bold:"arabicBold", "arabicBold Fallback"}
:root{--navy:#0b1930;--ink:#101828;--muted:#667085;--line:#dfe3e9;--paper:#f7f8fa;--white:#fff;--blue:#4f7df3;--green:#20a464;--sans:"Helvetica Neue", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}html[lang=ar] body{font-family:var(--font-arabic-medium), var(--sans);font-weight:500}html[lang=ar] :is(h1,h2,h3,h4,h5,h6,strong,button){font-family:var(--font-arabic-bold), var(--font-arabic-medium), var(--sans);font-weight:700}html[lang=ar] :is(.profile-name,.qualification-block-title h3,.skill-group h3,.project-kicker,.chat-widget-label){letter-spacing:0;text-transform:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shell{width:min(1080px,100% - 48px);margin-inline:auto}.section{border-top:1px solid var(--line);padding:30px 0;scroll-margin-top:54px}.section-nav{z-index:20;box-shadow:0 0 0 100vmax #f7f8faf2, 0 1px 0 var(--line);clip-path:inset(0 -100vmax);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;background:#f7f8faf2;justify-content:center;padding-block:10px;display:flex;position:sticky;top:0;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav a{color:#42516a;flex:none;align-items:center;font-size:.7rem;font-weight:750;transition:opacity .2s;display:flex}.section-nav a:not(:last-child):after{color:#a3adba;content:"|";margin-inline:12px;font-weight:400}.section-nav a:first-child{color:#4f7df3}.section-nav a:nth-child(2){color:#26936a}.section-nav a:nth-child(3){color:#d58a1d}.section-nav a:nth-child(4){color:#725db5}.section-nav a:hover,.section-nav a:focus-visible{opacity:.65}.language-toggle{color:var(--navy);font:inherit;cursor:pointer;background:#fff;border:1px solid #ccd5e3;border-radius:999px;flex:none;align-items:center;gap:6px;margin-inline-start:16px;padding:5px 10px;font-size:.68rem;font-weight:750;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.language-toggle svg{width:15px;height:15px}.language-toggle:hover,.language-toggle:focus-visible{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.profile{grid-template-columns:350px 1fr;align-items:center;gap:clamp(44px,6vw,78px);padding-block:8px 30px;display:grid}.profile-logo{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:50%;justify-self:center;width:330px;position:relative;overflow:hidden}.profile-logo img{object-fit:cover;width:138%;max-width:none;height:138%;position:absolute;top:-19%;left:-19%}.profile-copy{max-width:610px}.profile-name{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.74rem;font-weight:700}.profile-copy h1{color:#344054;letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2.35vw,2.3rem);font-weight:400;line-height:1.16}.profile-copy h1 strong{color:var(--navy);font-weight:760}.profile-copy>p:not(.profile-name){max-width:590px;color:var(--muted);margin:18px 0 0;font-size:.9rem;line-height:1.7}.availability{color:var(--navy);align-items:center;gap:9px;margin-top:17px;font-size:.76rem;font-weight:700;display:flex}.availability>span{background:var(--green);border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite availabilityPulse;box-shadow:0 0 0 5px #20a4641f}@keyframes availabilityPulse{0%,35%{opacity:1;box-shadow:0 0 #20a46461}70%,to{opacity:.82;box-shadow:0 0 0 9px #20a46400}}.availability small{color:var(--muted);align-items:center;gap:5px;margin-inline-start:12px;font-size:.7rem;font-weight:500;display:flex}.profile-actions{align-items:center;gap:9px;margin-top:22px;display:flex}.profile-actions>a:not(.cv-link):not(.contact-link){border:1px solid var(--line);background:#fff;place-items:center;width:43px;height:43px;transition:border-color .2s,color .2s,transform .2s;display:grid}.profile-actions>a:not(.cv-link):not(.contact-link):hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.profile-actions svg{width:18px}.profile-actions .contact-link{border:1px solid var(--blue);background:var(--blue);color:#fff;align-items:center;height:43px;padding:0 17px;font-size:.73rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:flex}.profile-actions .contact-link:hover{border-color:var(--navy);background:var(--navy);transform:translateY(-2px)}.profile-actions .cv-link{background:var(--navy);color:#fff;align-items:center;gap:8px;height:43px;margin-inline-start:6px;padding:0 17px;font-size:.73rem;font-weight:700;display:flex}.section-title{align-items:center;margin-bottom:14px;display:flex}.section-title h2{color:var(--navy);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:780;display:flex}.section-title h2:before{background:var(--blue);content:"";border-radius:50%;width:6px;height:6px}.qualification-section .section-title h2:before{background:#4f7df3}.skills-section .section-title h2:before{background:#26936a}.achievements-section .section-title h2:before{background:#d58a1d}.projects-section .section-title h2:before{background:#725db5}.qualification-panel{border:1px solid var(--line);background:#fff;grid-template-columns:1.08fr .92fr;display:grid}.qualification-block{border-bottom:1px solid var(--line);min-width:0;padding:24px}.qualification-block:nth-child(odd){border-right:1px solid var(--line)}.qualification-block:nth-last-child(-n+2){border-bottom:0}.academic-block{flex-direction:column;display:flex}.academic-block .degree-list{flex:1;align-content:center}.academic-block .degree-row{justify-self:center;width:max-content;max-width:100%}.qualification-block-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.qualification-block-title span{width:24px;height:24px;color:var(--blue);background:#eef3ff;border-radius:50%;place-items:center;font-size:.58rem;font-weight:800;display:grid}.qualification-block-title h3{color:var(--navy);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.degree-list{gap:0;display:grid}.degree-row{grid-template-columns:78px 1fr;align-items:center;gap:17px;min-height:84px;padding-block:10px;display:grid}.degree-row+.degree-row{border-top:1px solid var(--line)}.degree-logo{background:#fafbfc;place-items:center;width:78px;height:62px;display:grid;overflow:hidden}.degree-logo img{object-fit:contain;width:100%;height:100%}.degree-row strong{color:var(--navy);font-size:.9rem;line-height:1.35;display:block}.degree-row p{color:var(--muted);margin:6px 0 0;font-size:.67rem;line-height:1.45}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.score-card{border:1px solid var(--line);text-align:center;background:#fafbfc;grid-template-rows:48px 44px 28px;align-content:center;justify-items:center;min-height:154px;padding:13px 8px;display:grid}.score-logo{place-items:center;width:62px;height:42px;display:grid;overflow:hidden}.score-logo img{object-fit:contain;width:100%;height:100%}.score-logo.ielts img{width:92%}.score-logo.qias img{width:76%}.score-card strong{color:#42516a;justify-content:center;align-items:flex-end;font-size:.6rem;line-height:1.3;display:flex}.score-card:nth-child(-n+2) strong{transform:translateY(-12px)}.score-card span{color:var(--navy);align-self:start;margin-top:4px;font-size:1.05rem;font-weight:800}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;display:grid}.certifications-block{flex-direction:column;display:flex}.certifications-block .certificate-grid{margin-block:auto}.certificate-item{border:1px solid var(--line);text-align:center;background:#fafbfc;grid-template-rows:82px auto auto;align-content:start;justify-items:center;min-width:0;padding:12px 8px;display:grid}.certificate-badge{background:#fafbfc;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.certificate-badge img{object-fit:contain;width:100%;height:100%}.certificate-item strong{color:var(--navy);margin-top:8px;font-size:.61rem;line-height:1.35}.certificate-item small{color:var(--muted);margin-top:5px;font-size:.54rem;line-height:1.35}.course-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.course-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:7px;padding-block:9px;padding-inline:18px 8px;display:flex;position:relative}.course-list li:last-child{border-bottom:0}.course-list li:before{content:"";top:17px;background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;inset-inline-start:2px}.course-list strong{color:var(--navy);font-size:.72rem;line-height:1.35}.course-list span{color:var(--muted);white-space:nowrap;font-size:.62rem}.course-list span:before{color:#b2bbc8;content:"·";margin-inline-end:7px}.timeline{position:relative}.timeline:before{content:"";background:#b9c1cc;width:1px;position:absolute;top:24px;bottom:24px;left:11px}.experience-card{border:1px solid var(--line);background:#fff;border-bottom:0;margin-left:46px;padding:24px 28px 25px;position:relative}.experience-card:last-child{border-bottom:1px solid var(--line)}.timeline-marker{background:var(--paper);border:1px solid #a9b3c1;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:31px;left:-46px}.timeline-marker span{background:var(--blue);border-radius:50%;width:7px;height:7px}.experience-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.experience-heading h3{color:var(--navy);margin:0;font-size:1.15rem;font-weight:750}.experience-heading p{color:var(--blue);margin:5px 0 0;font-size:.76rem;font-weight:650}.experience-heading time{border:1px solid var(--line);color:var(--muted);flex:none;padding:6px 9px;font-size:.65rem}.experience-card ul{gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.experience-card li{color:#576579;padding-left:17px;font-size:.78rem;line-height:1.6;position:relative}.experience-card li:before{content:"";background:#9aa7b8;border-radius:50%;width:5px;height:5px;position:absolute;top:.68em;left:0}.skills-panel{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);gap:18px 24px;padding:24px;display:grid}.skill-group h3{color:var(--navy);letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:.68rem;font-weight:800}.skills-panel .tag-row{gap:6px}.skills-panel .tag{min-height:30px;padding:5px 11px;font-size:.7rem}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#314158;background:#fff;border:1px solid #d0d6df;border-radius:999px;align-items:center;min-height:34px;padding:6px 13px;font-size:.75rem;line-height:1.2;display:inline-flex}.achievements-card{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.achievement-item{border-right:1px solid var(--line);min-width:0}.achievement-item:last-child{border-right:0}.achievement-trigger{width:100%;color:inherit;cursor:zoom-in;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.achievement-image{aspect-ratio:4/3;background:#e9edf3;display:block;position:relative;overflow:hidden}.achievement-image img{object-fit:cover}.image-expand{color:#fff;opacity:0;background:#0b1930e6;align-items:center;gap:6px;padding:7px 9px;font-size:.62rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.achievement-trigger:hover .image-expand,.achievement-trigger:focus-visible .image-expand{opacity:1;transform:none}.achievement-copy{padding:22px}.achievement-copy>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.achievement-copy span{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:800}.achievement-copy time{color:var(--muted);font-size:.65rem}.achievement-copy h3{color:var(--navy);letter-spacing:-.025em;margin:16px 0 5px;font-size:1.35rem;font-weight:780}.achievement-copy strong{color:#344054;min-height:30px;font-size:.72rem;line-height:1.45;display:block}.achievement-copy p{color:var(--muted);margin:8px 0 0;font-size:.72rem;line-height:1.6}.achievement-dialog{background:0 0;border:0;width:auto;max-width:none;height:auto;max-height:none;padding:0;overflow:visible}.achievement-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a14e0}.dialog-panel{background:#071324;grid-template-rows:minmax(0,1fr) auto;width:min(94vw,1120px);height:min(92vh,900px);display:grid;position:relative;box-shadow:0 30px 90px #00000073}.dialog-image{min-height:0;margin:18px;position:relative}.dialog-image img{object-fit:contain}.dialog-close{z-index:2;color:#fff;cursor:pointer;background:#071324d1;border:1px solid #ffffff47;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;right:14px}.dialog-close svg{width:19px}.dialog-caption{color:#fff;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:24px;padding:16px 22px;display:flex}.dialog-caption strong{font-size:.9rem}.dialog-caption span{color:#b7c1d0;text-align:right;font-size:.68rem}.projects-showcase{gap:14px;display:grid}.project-case{border:1px solid var(--line);background:#fff;grid-template-columns:1.15fr .85fr;min-height:390px;display:grid;overflow:hidden}.project-reverse{grid-template-columns:.85fr 1.15fr}.project-reverse .project-media{order:2}.project-reverse .project-details{order:1}.project-media{background:#e9edf3;justify-content:center;align-items:center;min-width:0;min-height:390px;display:flex;position:relative;overflow:hidden}.project-details{flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4vw,48px);display:flex}.project-kicker{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:18px;font-size:.62rem;font-weight:800;display:flex}.project-kicker span:last-child{color:var(--muted);text-align:right}.project-details h3{color:var(--navy);letter-spacing:-.045em;margin:22px 0 16px;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:780}.project-title-link{align-items:center;gap:12px;display:inline-flex}.project-title-link svg{background:var(--blue);color:#fff;stroke-width:2px;border-radius:50%;width:32px;height:32px;padding:7px;transition:transform .2s,background .2s}.project-title-link:hover svg,.project-title-link:focus-visible svg{background:var(--navy);transform:translate(2px,-2px)}.project-details>p{color:var(--muted);margin:0 0 28px;font-size:.8rem;line-height:1.75}.hr-media,.portfolio-rag-media{background:#071324;padding:12px}.project-demo-video{object-fit:contain;background:#071324;width:100%;height:100%;max-height:430px;display:block}.project-screenshot-media{background:#eef6f1;padding:12px}.project-screenshot-media img{object-fit:contain;width:100%;height:100%;display:block}.yaqadah,.smartparking{width:100%;height:100%;position:relative}.yaqadah img,.smartparking img{object-fit:contain}.musir-logo-media{background:#fff;padding:34px}.musir-logo-media img{object-fit:contain;width:auto;max-width:75%;max-height:320px}.musir-workflow-media{aspect-ratio:1672/939;background:#071324;place-self:center;width:calc(100% - 24px);min-height:0}.musir-workflow-media img{object-fit:contain;object-position:50% 50%;width:100%;height:100%;display:block}.musir-case{min-height:0}.musir-case .project-details{padding:13px 38px}.musir-case .project-details h3{margin:15px 0 11px;font-size:clamp(1.8rem,2.7vw,2.35rem)}.musir-case .project-details>p{margin-bottom:17px;line-height:1.6}.musir-case .tag-row{gap:6px}.musir-case .tag{min-height:30px;padding:5px 11px;font-size:.7rem}.musir-media{background:var(--navy);color:#fff;flex-direction:column;gap:18px}.musir-device{background:#f9fafb;border:5px solid #263954;border-radius:22px;width:172px;height:232px;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000047}.device-camera{z-index:2;background:#182a44;border-radius:10px;width:42px;height:7px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.document-sheet{width:110px;height:145px;color:var(--blue);background:#fff;border:1px solid #d6dce5;gap:12px;margin:42px auto 0;padding:20px;display:grid}.document-sheet span{background:#e1e5eb;height:5px}.scan-beam{z-index:2;background:var(--blue);height:2px;box-shadow:0 0 15px var(--blue);animation:2.6s ease-in-out infinite alternate scanDocument;position:absolute;top:68px;left:16px;right:16px}.musir-result{background:var(--blue);color:#fff;align-items:center;gap:8px;padding:10px 12px;font-size:.66rem;font-weight:750;display:flex;position:absolute;bottom:27%;right:9%;box-shadow:0 12px 30px #0003}.musir-result svg{width:17px}.visual-flow-label{color:#aab8cc;align-items:center;gap:8px;font-size:.62rem;display:flex}.visual-flow-label svg{width:14px}@keyframes scanDocument{0%{transform:translateY(0)}to{transform:translateY(105px)}}.automation-case{min-height:390px}.automation-case .project-details{order:1;padding-block:32px}.automation-case .project-details h3{margin-top:24px}.automation-case .project-media{order:2}.automation-media{background-color:#f7f9fc;background-image:radial-gradient(#cad2df 1px,#0000 1px);background-size:18px 18px;min-height:390px;padding:24px 16px}.automation-flow{background:#fff;border:1px solid #ccd4df;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 16px 38px #0f234112}.automation-step{--step-color:var(--blue);min-width:0;min-height:245px;color:var(--step-color);text-align:center;background:#fff;border-right:1px solid #e3e7ed;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px 14px;display:flex;position:relative}.automation-step:last-child{border-right:0}.automation-step:not(:last-child):after{z-index:2;content:"→";color:var(--step-color);font-size:1.12rem;font-weight:800;position:absolute;top:50%;right:0;transform:translate(55%,-50%)}.step-logo{place-items:center;width:58px;height:58px;margin:0 0 13px;display:grid}.step-logo img{object-fit:contain;width:52px;height:52px}.step-logo svg{stroke-width:1.7px;width:48px;height:48px}.automate-step .step-logo{transform:translateY(4px)}.automation-step strong{color:currentColor;font-size:.68rem;line-height:1.3}.automation-step small{color:#59677a;margin-top:10px;font-size:.55rem;line-height:1.4}.automate-step,.outlook-step{--step-color:#2868d7}.excel-step{--step-color:#23824a}.dashboard-step{--step-color:#dc9820}.onedrive-step{--step-color:#1664c0}.sakanha-media{background:#142747;padding:38px}.sakanha-gif-frame{aspect-ratio:680/466;background:#fff;border:1px solid #ffffff3d;width:min(100%,680px);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000004d}.kitchen-preview{width:100%;height:100%;position:relative}.kitchen-preview img{object-fit:contain}.sakanha-gif-frame img{object-fit:cover}.sakanha-case{min-height:0}.sakanha-case .sakanha-media{min-height:0;padding:20px}.sakanha-case .sakanha-gif-frame{width:min(100%,520px)}.sakanha-case .project-details{justify-content:flex-start;padding:24px 38px}.sakanha-case .project-details h3{margin:15px 0 12px}.sakanha-case .project-details>p{margin-bottom:18px;line-height:1.65}.browser-frame{background:#fff;border:1px solid #fff3;width:min(100%,480px);overflow:hidden;box-shadow:0 24px 60px #0000004d}.browser-bar{background:#e9edf3;align-items:center;gap:6px;height:31px;padding:0 10px;display:flex}.browser-bar i{background:#aab3c1;border-radius:50%;width:7px;height:7px}.browser-bar span{color:#68768a;margin-left:8px;font-size:.57rem}.property-ui{padding:24px}.property-title{color:var(--navy);align-items:center;gap:9px;font-size:1.05rem;font-weight:780;display:flex}.property-title svg{width:21px;color:var(--blue)}.property-search{background:#edf1f5;border-radius:4px;width:70%;height:26px;margin:18px 0 22px}.property-cards{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.property-cards span{aspect-ratio:1.15;background:linear-gradient(145deg,#dbe3ee 55%,#f3f5f8 55%);display:block}.analytics-project{grid-template-columns:1.2fr .8fr}.analytics-project .project-details{justify-content:flex-start;padding:22px 38px}.analytics-project .project-details h3{margin:15px 0 12px;font-size:clamp(1.8rem,2.7vw,2.35rem)}.analytics-project .project-details>p{margin-bottom:18px;line-height:1.65}.analytics-project .tag-row{gap:6px}.analytics-project .tag{min-height:30px;padding:5px 11px;font-size:.7rem}.analytics-gallery{background:#eef1f5;flex-direction:column;justify-content:center;min-width:0;padding:18px;display:flex}.analytics-tabs{gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.analytics-tabs button{--tab-color:#59677a;--tab-soft:#f4f6f8;border:1px solid color-mix(in srgb, var(--tab-color) 45%, white);background:var(--tab-soft);color:var(--tab-color);cursor:pointer;flex:none;padding:8px 11px;font-size:.65rem;font-weight:750;transition:color .2s,background .2s,border-color .2s,transform .2s}.analytics-tabs button[data-kind=sales]{--tab-color:#2868d7;--tab-soft:#edf4ff}.analytics-tabs button[data-kind=purchasing]{--tab-color:#16815e;--tab-soft:#eaf8f2}.analytics-tabs button[data-kind=students]{--tab-color:#8d5bba;--tab-soft:#f6effc}.analytics-tabs button[data-kind=employees]{--tab-color:#c16b19;--tab-soft:#fff4e7}.analytics-tabs button:hover,.analytics-tabs button:focus-visible{transform:translateY(-1px)}.analytics-tabs button[aria-selected=true]{border-color:var(--tab-color);background:var(--tab-color);color:#fff}.analytics-panel{background:#fff;border:1px solid #d5dbe4;overflow:hidden}.analytics-media{aspect-ratio:16/9;background:#e1e6ed;animation:.3s both mediaIn;position:relative}.analytics-media img{object-fit:contain}.analytics-media video{object-fit:contain;background:#071324;width:100%;height:100%;display:block}.analytics-note{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:24px;padding:13px 15px;display:grid}.analytics-note strong{color:var(--navy);font-size:.68rem}.analytics-note p{color:var(--muted);margin:0;font-size:.65rem;line-height:1.5}@keyframes mediaIn{0%{opacity:0;transform:translateY(4px)}}.track-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.track-card{border:1px solid var(--line);background:#fff;min-height:275px;padding:26px}.track-card>span{color:var(--blue);font-size:.65rem;font-weight:700}.track-card h3{color:var(--navy);letter-spacing:-.035em;margin:34px 0 12px;font-size:1.55rem;font-weight:760}.track-card>p{min-height:52px;color:var(--muted);margin:0 0 22px;font-size:.78rem;line-height:1.6}footer{background:var(--navy);color:#fff;padding:38px 0}.simple-footer{justify-content:space-between;align-items:end;gap:32px;display:flex}.simple-footer strong{font-size:.9rem}.simple-footer p{color:#aeb9c9;margin:5px 0 0;font-size:.7rem}.footer-links{flex-wrap:wrap;gap:7px 16px;margin-top:10px;display:flex}.footer-links a{color:#aeb9c9;font-size:.68rem;transition:color .2s}.footer-links a:hover,.footer-links a:focus-visible{color:#fff}.chatbot-section{padding-top:16px}.chatbot-panel{border:1px solid var(--line);background:#fff;padding:24px}.chatbot-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chatbot-label{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:.66rem;font-weight:800}.chatbot-header h3{color:var(--navy);margin:0;font-size:clamp(1.4rem,2vw,1.9rem)}.chatbot-form{gap:12px;display:grid}.chatbot-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:110px;color:var(--ink);font:inherit;background:#fafbfc;padding:14px 16px}.chatbot-form textarea:focus{border-color:var(--blue);outline:2px solid #4f7df32e}.chatbot-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.chatbot-meta span{color:var(--muted);font-size:.72rem}.chatbot-meta button{background:var(--navy);color:#fff;cursor:pointer;border:0;padding:10px 18px;font-weight:700}.chatbot-meta button:disabled{opacity:.5;cursor:not-allowed}.chatbot-error{color:#b42318;margin:12px 0 0;font-size:.78rem;font-weight:600}.chatbot-answer{text-align:left}.chatbot-answer strong{text-align:left;direction:ltr;display:block}.chatbot-answer p{text-align:start}.floating-chat-button{z-index:999;background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .2s,transform .2s,box-shadow .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #4f7df366}.floating-chat-button:hover{background:#3d5ebd;transform:scale(1.1);box-shadow:0 6px 16px #4f7df380}.floating-chat-button:active{transform:scale(.95)}.floating-chat-widget{z-index:998;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;width:380px;max-height:600px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-widget-header{border-bottom:1px solid var(--line);background:#fafbfc;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.chat-widget-header>div>p{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:.66rem;font-weight:800}.chat-close-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:color .2s;display:grid}.chat-close-button:hover{color:var(--navy)}.chat-widget-content{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{flex-direction:column;gap:8px;display:flex}.answer-message strong{color:var(--navy);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.answer-message p{color:var(--ink);word-wrap:break-word;margin:0;font-size:.9rem;line-height:1.6}.chat-error{color:#b42318;background:#fef2f0;border-left:3px solid #b42318;margin:0;padding:10px;font-size:.78rem;font-weight:600}.chat-widget-form{border-top:1px solid var(--line);background:#fafbfc;gap:12px;padding:16px;display:grid}.chat-widget-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:80px;color:var(--ink);font:inherit;background:#fff;border-radius:4px;padding:12px;font-size:.9rem}.chat-widget-form textarea:focus{border-color:var(--blue);outline:2px solid #4f7df32e}.chat-widget-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-widget-meta button{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 16px;font-size:.85rem;font-weight:700;transition:background .2s}.chat-widget-meta button:hover:not(:disabled){background:#050d1f}.chat-widget-meta button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.floating-chat-widget{width:calc(100% - 32px);bottom:80px;left:16px;right:16px}}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (max-width:800px){.shell{width:min(100% - 32px,1080px)}.section{padding:26px 0}.profile{grid-template-columns:1fr;gap:26px;min-height:auto;padding-block:0 42px}.profile-logo{aspect-ratio:1;width:min(220px,62vw)}.profile-logo img{object-fit:cover;width:138%;height:138%;top:-19%;left:-19%}.profile-copy h1{font-size:clamp(1.3rem,5.7vw,1.9rem)}.qualification-panel,.track-grid{grid-template-columns:1fr}.qualification-block,.qualification-block:nth-child(odd),.qualification-block:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.qualification-block:last-child{border-bottom:0}.experience-heading{display:grid}.experience-heading time{justify-self:start}.skills-panel,.achievements-card{grid-template-columns:1fr}.achievement-item{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(145px,.8fr) 1fr;display:grid}.achievement-item:last-child{border-bottom:0}.achievement-image{aspect-ratio:auto;height:100%;min-height:230px}.project-case,.project-reverse,.analytics-project{grid-template-columns:1fr}.musir-case .project-details,.sakanha-case .project-details,.analytics-project .project-details{padding:28px}.project-reverse .project-media,.project-reverse .project-details{order:initial}.project-media{min-height:340px}.project-details h3{margin-top:22px}.simple-footer{display:grid}}@media (max-width:500px){.profile-actions{flex-wrap:wrap}.qualification-block{padding:20px 16px}.score-grid{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(96px,1fr));padding-bottom:4px;overflow-x:auto}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;display:grid}.experience-card{margin-left:32px;padding:23px 20px}.timeline-marker{left:-32px}.timeline:before{left:11px}.skills-panel{gap:16px;padding:19px 16px}.track-card{min-height:0;padding:24px}.track-card h3{margin-top:38px}.achievement-item{display:block}.achievement-image{aspect-ratio:4/3;height:auto;min-height:0}.image-expand{opacity:1;transform:none}.dialog-panel{width:96vw;height:90vh}.dialog-image{margin:12px}.dialog-caption{gap:4px;display:grid}.dialog-caption span{text-align:left}.project-media{min-height:285px}.musir-workflow-media{width:100%;min-height:0}.automation-case .project-details{padding-block:28px}.automation-media{min-height:0;padding:16px}.automation-flow{border-radius:14px;grid-template-columns:1fr;overflow:visible}.automation-step{text-align:left;border-bottom:1px solid #e3e7ed;border-right:0;grid-template-rows:auto auto;grid-template-columns:52px minmax(0,1fr);align-content:center;justify-items:start;column-gap:12px;min-height:88px;padding:12px 16px;display:grid}.automation-step:last-child{border-bottom:0}.automation-step:not(:last-child):after{content:"↓";font-size:.9rem;top:auto;bottom:0;right:22px;transform:translateY(55%)}.step-logo{grid-row:1/3;width:46px;height:46px;margin:0}.step-logo img{width:42px;height:42px}.step-logo svg{width:40px;height:40px}.automate-step .step-logo{transform:none}.automation-step strong{align-self:end;font-size:.72rem}.automation-step small{align-self:start;margin-top:4px;font-size:.58rem;line-height:1.35}.sakanha-media{padding:20px}.analytics-gallery{padding:10px}.analytics-note{grid-template-columns:1fr;gap:5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.experience-section{margin-top:36px}.experience-section .section-title{margin-bottom:14px}.experience-timeline{background:#fff;border:1px solid #d9dee7;padding:34px 46px 38px 98px;position:relative}.experience-timeline:before{content:"";background:#cfd5df;width:1px;position:absolute;top:42px;bottom:42px;left:53px}.experience-entry{padding:0 0 46px;position:relative}.experience-entry:last-child{padding-bottom:0}.experience-dot{z-index:1;background:#fff;border:2px solid #212bb3;border-radius:50%;width:20px;height:20px;position:absolute;top:6px;left:-54px}.experience-header{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.experience-header h3{margin:0;font-size:1.25rem;font-weight:700}.experience-header h3 span{font-weight:500}.experience-company{margin:4px 0 0;font-size:1rem}.experience-header time{white-space:nowrap;font-family:Georgia,serif;font-size:.95rem;font-style:italic}.experience-entry ul{margin:18px 0 0;padding-left:25px}.experience-entry li{margin-bottom:10px;padding-left:3px;line-height:1.55}@media (max-width:700px){.section-nav{justify-content:flex-start;padding-inline:8px}.language-toggle{z-index:2;order:-1;justify-content:center;width:32px;height:32px;margin-inline:0 10px;padding:0;position:sticky;inset-inline-start:0;box-shadow:0 0 0 5px #f7f8fafa}.language-toggle span{display:none}.experience-timeline{padding:28px 24px 30px 62px}.experience-timeline:before{left:31px}.experience-dot{left:-40px}.experience-header{flex-direction:column;gap:6px}.experience-header time{order:-1}}.project-filter{flex-wrap:wrap;gap:12px;margin:8px 0 36px;display:flex}.project-filter button{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}.project-filter button:first-child{color:#234a84;background:#eef4ff;border-color:#c9d9f7}.project-filter button:nth-child(2){color:#276452;background:#eef9f5;border-color:#c8e7da}.project-filter button:nth-child(3){color:#5a4387;background:#f5f1ff;border-color:#ddd2f5}.project-filter button:nth-child(4){color:#80572b;background:#fff5e9;border-color:#f1d8b7}.project-filter button:nth-child(5){color:#754456;background:#f8eff3;border-color:#e8d1da}.project-filter button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0f172a14}.project-filter button.active{border-color:currentColor;font-weight:600;box-shadow:0 4px 12px #0f172a14}@media (max-width:700px){.project-filter{gap:8px;margin-bottom:26px}.project-filter button{padding:8px 14px;font-size:.84rem}}@media (max-width:600px){.certificate-grid{grid-template-columns:1fr}}.floating-chat-widget{z-index:998;background:#fff;border:1px solid #dfe3e9;border-radius:18px;flex-direction:column;width:400px;height:560px;max-height:calc(100vh - 120px);display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 18px 55px #0f172a24}.chat-widget-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.chat-widget-label,.chat-widget-header>div>p{color:#4f7df3;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:.68rem;font-weight:800}.chat-widget-header h3{color:#0b1930;margin:0;font-size:1.08rem;font-weight:650}.chat-close-button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.chat-close-button:hover{color:#0b1930;background:#f2f4f7}.chat-widget-content{background:#fafbfc;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 18px;display:flex;overflow-y:auto}.chat-empty-state{color:#98a2b3;text-align:center;max-width:250px;margin:auto;font-size:.82rem;line-height:1.6}.chat-message{width:100%;flex-direction:row!important;display:flex!important}.chat-message.user-message{justify-content:flex-end!important}.chat-message.assistant-message{justify-content:flex-start!important}.chat-message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:17px;width:fit-content;max-width:82%;padding:10px 14px;font-size:.88rem;line-height:1.55;display:block}.user-message .chat-message-bubble{color:#fff;background:#4f7df3;border-bottom-right-radius:5px}.assistant-message .chat-message-bubble{color:#101828;background:#fff;border:1px solid #e3e7ed;border-bottom-left-radius:5px}.chat-message-bubble[dir=rtl]{text-align:right;direction:rtl}.chat-message-bubble[dir=ltr]{text-align:left;direction:ltr}.chat-error{color:#b42318;background:#fef3f2;border-radius:8px;margin:4px 0;padding:8px 10px;font-size:.74rem}.chat-widget-form{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:13px 15px 10px;display:block!important}.chat-input-container{background:#f8f9fb;border:1px solid #d8dee8;border-radius:24px;align-items:center;gap:8px;width:100%;padding:4px 5px 4px 15px;display:flex!important}.chat-input-container:focus-within{border-color:#4f7df3;box-shadow:0 0 0 3px #4f7df314}.chat-widget-form .chat-input-container textarea{color:#101828;font-family:inherit;font-size:.86rem;line-height:20px;resize:none!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:80px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;flex:1!important;margin:0!important;padding:9px 0!important;display:block!important}.chat-widget-form .chat-input-container textarea:focus{box-shadow:none!important;border:0!important;outline:0!important}.chat-widget-form .chat-send-button{cursor:pointer;place-items:center;color:#fff!important;background:#4f7df3!important;border:0!important;border-radius:50%!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0!important;padding:0!important;display:grid!important}.chat-widget-form .chat-send-button:hover:not(:disabled){background:#3e68d8!important}.chat-widget-form .chat-send-button:disabled{opacity:.35;cursor:default}.chat-widget-meta{margin-top:5px;padding:0 8px;display:block!important}.chat-widget-meta span{color:#98a2b3;font-size:.62rem}.chat-typing{align-items:center;gap:4px;min-width:50px;display:flex!important}.chat-typing span{background:#98a2b3;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chatTyping}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chatTyping{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width:480px){.floating-chat-widget{width:calc(100% - 24px);height:min(560px,100vh - 105px);bottom:82px;right:12px}.chat-widget-header{padding:17px}.chat-widget-content{padding:16px 13px}.chat-message-bubble{max-width:86%}}html[dir=rtl] .profile-copy,html[dir=rtl] .project-details,html[dir=rtl] .achievement-copy,html[dir=rtl] .qualification-block,html[dir=rtl] .experience-entry{text-align:right}html[dir=rtl] .experience-timeline{padding:34px 98px 38px 46px}html[dir=rtl] .experience-timeline:before{left:auto;right:53px}html[dir=rtl] .experience-dot{left:auto;right:-54px}html[dir=rtl] .experience-entry ul{padding-left:0;padding-right:25px}html[dir=rtl] .experience-header time{font-family:var(--font-arabic-medium), var(--sans);font-style:normal}html[dir=rtl] .project-kicker span:last-child,html[dir=rtl] .dialog-caption span{text-align:left}html[dir=rtl] .chat-input-container{padding:4px 15px 4px 5px}@media (min-width:501px){html[dir=rtl] .automation-step:not(:last-child):after{content:"←";left:0;right:auto;transform:translate(-55%,-50%)}}@media (max-width:700px){html[dir=rtl] .experience-timeline{padding:28px 62px 30px 24px}html[dir=rtl] .experience-timeline:before{right:31px}html[dir=rtl] .experience-dot{right:-40px}}