html,body{background:#070d12;color:#edf3f2}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:300 500;font-display:swap;src:url(/fonts/IBM-Plex-Arabic-Regular.ttf) format("truetype")}.project-media{margin:20px 0}.project-media img,.project-media video{width:100%;border:1px solid var(--line)}.project-media figcaption{font-size:12px;color:var(--muted);margin-top:7px}.experience-assets{display:flex;flex-wrap:wrap;gap:10px}.experience-assets a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent)}.certificate-file-tile{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--accent)}.pdf-certificate object{height:55vh;width:100%;min-height:300px}.certificate-thumbnail>img{max-height:350px;object-fit:contain}.certificate-preview-viewport img{max-height:none;object-fit:contain}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/IBM-Plex-Arabic-Semibold.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:300 500;font-display:swap;src:url(/fonts/Manrope-Regular.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/Manrope-Semibold.ttf) format("truetype")}:root{font-family:Manrope,IBM Plex Sans Arabic,sans-serif;font-synthesis:none;--bg: #070d12;--surface: #0b151d;--fg: #edf3f2;--muted: #8a9da7;--accent: #6de0d2;--line: rgba(151, 187, 200, .16);--gutter: clamp(24px, 4.2vw, 72px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}html[lang=ar]{font-family:IBM Plex Sans Arabic,Manrope,sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a{touch-action:manipulation}button{min-height:44px}::selection{color:#071716;background:var(--accent)}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.9}h1,h2,h3{font-weight:400}img,svg{max-width:100%}img{display:block;width:100%;object-fit:cover}.accent{color:var(--accent)}.muted{color:var(--muted)}.app{max-width:1800px;margin:auto;position:relative}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(125,179,188,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(125,179,188,.022) 1px,transparent 1px);background-size:72px 72px;z-index:0}main,.header,.footer{position:relative}main{min-height:70vh}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:#071716;padding:12px;z-index:200}.skip-link:focus{top:10px}.header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);z-index:30;background:#070d12eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.brand{display:flex;align-items:center;gap:19px}.brand>span:first-child{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-3.2px;font-size:40px;line-height:1}.brand-dot{color:var(--accent)}.brand-sub{font:500 8px/1.6 Manrope,sans-serif;letter-spacing:1.8px;padding-inline-start:18px;border-left:1px solid var(--line);color:#a8bbc1}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{color:#91a3ab;position:relative;padding:37px 0 35px;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--fg)}.desktop-nav a.active:after{position:absolute;bottom:24px;inset-inline-start:0;width:14px;height:2px;background:var(--accent);content:""}.header-actions{display:flex;align-items:center;gap:20px}.lang-button{display:flex;align-items:center;gap:7px;min-height:44px;font:11px Manrope,sans-serif}.menu-button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.header-divider{height:15px;width:1px;background:var(--line)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:500;color:var(--accent);display:flex;align-items:center;gap:10px}.mini-line{height:1px;width:26px;background:var(--accent)}html[lang=ar] .eyebrow{letter-spacing:.035em}.hero{padding:0 var(--gutter);position:relative}.hero-topline{display:flex;align-items:center;justify-content:space-between;color:#6d848e;font:9px Manrope,sans-serif;letter-spacing:1.4px;padding-top:24px}.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #6de0d236}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:620px;align-items:center}.hero-copy{position:relative;z-index:3;padding:45px 0 20px;max-width:650px}.hero-eyebrow{margin-bottom:25px;font-size:12px}.hero h1{font-size:clamp(43px,4.5vw,75px);letter-spacing:-.05em;line-height:1.15;font-weight:400}.hero h1>span{color:var(--accent)}html[lang=ar] .hero h1{font-size:clamp(42px,4.2vw,68px);letter-spacing:-1.3px;line-height:1.45}.hero-title{margin-top:22px;font-size:14px;color:#b6c7ca;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-title>span{color:#3c555f}.hero-description{font-size:14px;max-width:400px;line-height:2;margin-top:18px}.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);padding:13px 18px;min-height:49px;font-size:12px;font-weight:500;border-radius:3px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.button .arrow{margin-inline-start:6px}.button.primary{color:#082626;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:#96eee2;border-color:#96eee2}.button.ghost:hover{background:#14222a;border-color:#3f676d}.arrow{transition:transform .25s}a:hover .arrow,button:hover .arrow{transform:translate(2px,-2px)}.identity-link{margin-top:36px;display:flex;align-items:center;gap:12px;width:fit-content}.identity-avatar{width:37px;height:37px;border-radius:50%;border:1px solid #33515b;background:#13232c;display:grid;place-items:center;color:var(--accent);font:400 17px Manrope,sans-serif}.identity-link strong{display:block;letter-spacing:1.7px;font:500 10px Manrope,sans-serif}.identity-link small{display:block;color:#6f858f;font-size:10px;line-height:1.8;margin-top:3px}.identity-link>svg{color:#9cb4ba;margin-inline-start:12px}.hero-visual{position:relative;min-width:0;height:595px;isolation:isolate}.visual-index{position:absolute;top:34px;left:6%;z-index:3;display:flex;gap:16px;color:#c0d1d4;font:9px Manrope,sans-serif;letter-spacing:1px}.visual-index span{color:#526c78}.scene{position:relative;height:100%;width:100%;isolation:isolate;min-height:300px}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y}.canvas-host:active{cursor:grabbing}.canvas-host canvas{width:100%;height:100%;display:block}.scene-loading{display:grid;place-items:center;font:10px Manrope,sans-serif;letter-spacing:3px;color:var(--accent)}.scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#459b97}.scene-fallback svg{height:70%;width:50%}.scene-fallback span{font-size:11px}.scene-controls{display:flex;position:absolute;right:14px;bottom:43px;z-index:5;background:#08151acc;border:1px solid #213840;border-radius:3px}.scene-controls button{width:44px;min-height:44px;padding:5px;display:grid;place-items:center;color:#819fa6;border-inline-end:1px solid #213840}.scene-controls button:last-child{border:none}.scene-controls button:hover{color:var(--accent);background:#17313a}.scene-caption{position:absolute;bottom:17px;left:23%;right:10%;font:8px Manrope,sans-serif;letter-spacing:.8px;color:#52717b;display:flex;gap:7px;align-items:center;pointer-events:none}.scene-corner{width:13px;height:13px;position:absolute;border-color:#497d80;pointer-events:none}.scene-corner.tl{top:16%;left:12%;border-left:1px solid;border-top:1px solid}.scene-corner.br{bottom:24%;right:12%;border-right:1px solid;border-bottom:1px solid}.orbit{position:absolute;width:73%;height:64%;top:15%;left:16%;border:1px solid #1d414644;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{transform:rotate(-30deg) scaleX(.7)}.orbit-two{transform:rotate(30deg) scaleX(.7)}.scan-beam{position:absolute;inset:43% 17% auto 17%;height:1px;background:linear-gradient(90deg,transparent,#63daca55,transparent);box-shadow:0 3px 15px #63daca12;pointer-events:none}.model-label{position:absolute;display:flex;align-items:center;gap:8px;background:#0a1721c9;border:1px solid #28434b88;padding:10px 12px;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:8px Manrope,sans-serif;letter-spacing:.7px;box-shadow:0 6px 25px #0003;color:#a8d4d2;border-radius:3px}.model-label small{display:block;font-size:6px;letter-spacing:1px;color:#5e828e;margin-top:5px}.label-top{top:26%;left:5%}.label-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.heart-dot{width:4px;height:4px;border-radius:50%;background:#ec8e77}.label-heart{top:52%;right:-3%;flex-wrap:wrap;width:164px}.label-heart .signal{height:26px;margin-top:1px;width:100%}.visual-bottom{position:absolute;bottom:64px;left:3%;right:3%;display:flex;justify-content:space-between;pointer-events:none;font:6px Manrope,sans-serif;letter-spacing:1px;color:#405c68}.axis{display:flex;align-items:center;gap:6px}.axis i{width:12px;height:1px;background:#3c6a70}.signal{width:100%;height:65px;overflow:visible}.signal path{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-linecap:round}.signal .signal-base{stroke:#27525b55;stroke-width:.5}.signal:not(.signal-base){stroke-dasharray:900;stroke-dashoffset:0;animation:signal 5s linear infinite}@keyframes signal{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 0 26px;gap:20px;font-size:10px;color:#6e858e}.scroll-cue{display:flex;align-items:center;gap:10px;letter-spacing:.06em}.scroll-mouse{height:18px;width:11px;border:1px solid #5a7680;border-radius:7px;position:relative}.scroll-mouse:after{content:"";position:absolute;top:4px;left:4px;width:1px;height:4px;background:var(--accent)}.page-count{font:12px Manrope,sans-serif;letter-spacing:2px;color:var(--accent)}.page-count span{color:#48616b;font-size:9px}.discipline-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--gutter);background:#0a1219;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discipline-strip>a{display:flex;align-items:center;gap:20px;padding:26px 25px;border-inline-end:1px solid var(--line);position:relative;transition:background .2s}.discipline-strip>a:first-child{padding-inline-start:0}.discipline-strip>a:last-child{border:0}.discipline-strip>a:hover{background:#122129}.strip-icon{color:var(--accent)}.discipline-strip small{font:8px Manrope,sans-serif;color:#56707b;letter-spacing:1.1px;display:block;margin-bottom:3px}.discipline-strip h3{font-size:17px;font-weight:400}.discipline-strip p{font-size:11px;margin-top:2px}.discipline-strip .arrow{margin-inline-start:auto;color:#6c8b95}.world-section{padding:78px var(--gutter) 85px}.section-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:20px}.section-row h2{font-size:35px;margin-top:8px;letter-spacing:-.7px}.section-caption{color:#728a94;font-size:12px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.chapter-grid>a{padding:26px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);transition:background .2s}.chapter-grid>a:hover{background:#0e1e26}.chapter-grid h3{font-size:16px}.chapter-index{font:10px Manrope,sans-serif;color:#49737b}.chapter-grid .arrow{margin-inline-start:auto;color:#6c9299}.footer{border-top:1px solid var(--line);padding:27px var(--gutter);display:flex;align-items:center;gap:25px;font:8px Manrope,sans-serif;letter-spacing:1px;color:#5d7883}.footer-brand{font-size:23px;font-weight:500;letter-spacing:-1.5px;color:#d2dedd}.footer>div{margin-left:auto;display:flex;gap:20px;align-items:center}.footer>div a{display:flex;gap:7px;align-items:center;font-size:10px}.footer-line{height:10px;width:1px;background:var(--line)}.section-page{padding:0 var(--gutter)}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:10px;color:#6c8995;padding:24px 0;border-bottom:1px solid var(--line);min-height:62px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb>span:last-child.breadcrumb-index{margin-inline-start:auto;font:9px Manrope,sans-serif;letter-spacing:1.5px}.page-heading{padding:60px 0 44px;max-width:940px}.page-heading h1{font-size:clamp(36px,4.5vw,65px);line-height:1.3;letter-spacing:-2px;margin:15px 0 17px}.page-heading>p{font-size:14px;max-width:670px;line-height:1.9}.section-pagination{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:70px;padding:28px 0;gap:20px;font-size:11px;color:#7d98a3}.section-pagination>a{display:flex;align-items:center;gap:10px}.section-pagination>a:last-child span{color:#d3e2e4}.section-pagination>a:hover{color:var(--accent)}.placeholder-badge{display:inline-flex;align-items:center;gap:7px;color:#91a9ad;background:#111f26;border:1px solid #2b434a;padding:3px 9px;font-size:9px;line-height:1.7;border-radius:2px}.placeholder-badge>span{width:3px;height:3px;background:#96b5bc}.profile-grid{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(35px,7vw,110px)}.profile-portrait{background:#0c1921;min-height:460px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #25434c}.profile-portrait>img{width:112%;height:112%;min-height:0;object-fit:contain;object-position:center bottom;padding:0;box-sizing:border-box;transform:translateY(2%)}.portrait-monogram{font:300 210px Manrope,sans-serif;letter-spacing:-22px;color:#2c5057;position:relative}.portrait-monogram>span{color:#6de0d2}.portrait-lines{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid #28475266}.portrait-lines:before,.portrait-lines:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid #28475266;border-radius:50%}.portrait-lines:after{top:20%;right:20%;bottom:20%;left:20%;transform:scaleY(1.5)}.portrait-caption{position:absolute;bottom:40px;left:35px;right:35px;display:flex;align-items:center;gap:14px;color:#a9c1c7;font-size:14px}.portrait-caption small{display:block;color:#577b86;font-size:10px}.portrait-index{position:absolute;top:22px;left:22px;font:8px Manrope,sans-serif;letter-spacing:2px;color:#4f7d85}.profile-info h2{font-size:38px;letter-spacing:-1px;margin:13px 0 2px}.profile-info>p{margin:20px 0;font-size:13px}.profile-info h3{font-size:15px;margin-top:20px}.data-list{margin:24px 0}.data-list>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;gap:12px}.data-list dt{color:#6c8c96}.data-list dd{margin:0;color:#bccdd0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--accent);margin-top:14px}.text-link:hover{text-decoration:underline}.mini-journey{padding:60px 0 0}.mini-journey>div{display:flex;gap:22px;margin-top:24px}.mini-journey>div>span{display:flex;gap:14px;align-items:center;flex:1;font-size:20px}.mini-journey small{color:#4c7f87;font:10px Manrope,sans-serif}.mini-journey i{flex:1;height:1px;background:var(--line)}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.filter-row button{font-size:11px;padding:8px 14px;border:1px solid var(--line);border-radius:2px;min-height:38px;color:#7c98a3;transition:all .2s}.filter-row button.selected{color:var(--accent);border-color:#487d7c;background:#11252b}.filter-row button:hover{color:var(--fg);border-color:#4e707d}.archive-bar{display:flex;justify-content:space-between;font:9px Manrope,sans-serif;letter-spacing:1.5px;color:#68848f;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:26px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-image{position:relative;overflow:hidden;border:1px solid #213943;aspect-ratio:1.5;background:#0b1720}.illustration{height:100%;position:relative;overflow:hidden;background-image:linear-gradient(#47616e12 1px,transparent 1px),linear-gradient(90deg,#47616e12 1px,transparent 1px);background-size:20px 20px;min-height:180px;display:grid;place-items:center;padding:20px;color:var(--accent);transition:transform .6s}.project-card:hover .illustration{transform:scale(1.045)}.illustration>svg:not(.signal){width:100%;height:100%;max-height:260px}.illustration .signal{max-width:85%;margin-top:30px;height:70px}.ill-label{position:absolute;top:15px;left:15px;font:7px Manrope,sans-serif;letter-spacing:1px;color:#4c7782}.ill-cross{position:absolute;bottom:10px;right:15px;color:#4f7a85}.chart-ruler{position:absolute;bottom:25%;left:15%;right:15%;display:flex;justify-content:space-between;font:7px Manrope,sans-serif;color:#4d7b84}.project-expand{position:absolute;top:14px;inset-inline-end:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #355a65;background:#0b1c26;color:#a2d0d0;border-radius:2px}.project-meta{display:flex;justify-content:space-between;margin-top:19px;color:#5d959e;font-size:9px}.project-card h2{font-size:19px;margin:8px 0}.project-card p{font-size:11px;line-height:1.9}.project-card .placeholder-badge{margin-top:15px}.empty-state{padding:80px 20px;text-align:center;border:1px dashed #29434d;color:#6c929b}.empty-state h3{font-size:21px;margin-top:15px}.empty-state p{font-size:12px;margin-top:10px}.project-detail-visual{height:380px;border:1px solid var(--line);margin-bottom:50px}.project-detail-visual .illustration .signal{max-width:70%;height:140px}.project-detail-grid{display:grid;grid-template-columns:240px 1fr;gap:70px;margin-bottom:40px}.project-detail-grid aside h3{margin-top:20px;font-size:20px}.project-detail-grid aside p{font-size:12px;margin-top:15px}.detail-field{border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:25px}.detail-field small{font:10px Manrope,sans-serif;color:#4c7f87;margin-top:8px}.detail-field h2{font-size:22px}.detail-field p{font-size:12px;margin-top:9px}.attachments{padding-top:30px}.attachments h3{font-size:20px;margin-bottom:15px}.attachments p{display:flex;align-items:center;gap:9px;font-size:11px;padding:10px 0}.attachments p>span{margin-inline-start:auto;color:#58747e}.certificate-grid{max-width:1100px}.certificate-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.certificate-thumbnail{position:relative;padding:25px;background:#0e1c25;border:1px solid #2a444d;overflow:hidden;width:100%}.certificate-paper{position:relative;aspect-ratio:1.4;background:#e8e8df;color:#243d45;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:7px solid #c6d4cf;outline:1px solid #658c89;outline-offset:-15px;overflow:hidden;font-family:Manrope,IBM Plex Sans Arabic,sans-serif}.certificate-paper>span:first-of-type{font:6px Manrope,sans-serif;letter-spacing:1.5px;color:#497a79;margin-bottom:14px}.certificate-paper>svg{color:#4d7a76;margin:8px 0}.certificate-paper h3{font-size:24px}.certificate-paper p{font-size:8px;color:#5e7779;margin:5px 0}.certificate-paper strong{font-size:13px;margin-top:10px;font-weight:500}.certificate-rule{width:65px;height:1px;background:#80a69b;margin:10px}.cert-foot{display:flex;justify-content:space-between;width:100%;margin-top:15px;font-size:6px;color:#527d7a}.certificate-sample-watermark{position:absolute;font:600 80px Manrope,sans-serif;transform:rotate(-25deg);opacity:.055;pointer-events:none}.preview-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#07141cbb;color:#d4f1eb;opacity:0;transition:opacity .2s;font-size:12px}.certificate-thumbnail:hover .preview-label,.certificate-thumbnail:focus-visible .preview-label{opacity:1}.certificate-card h2{font-size:27px;margin:16px 0 10px}.cert-meta{font-size:12px;color:#88a9b2;display:flex;gap:20px}.certificate-card p{margin:20px 0;font-size:12px}.unavailable{font-size:10px;color:#6b8793;display:flex;gap:9px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080de8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;display:flex;align-items:center;justify-content:center;padding:40px}.modal{position:relative;width:min(1080px,100%);max-height:90dvh;overflow:auto;background:#0a151d;border:1px solid #2b4753;padding:65px 50px 45px;box-shadow:0 30px 150px #0008}.icon-button{display:inline-grid;place-items:center;width:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:3px;color:#9bb5be}.icon-button:hover{background:#18313b;color:var(--accent)}.modal-close{position:absolute;top:18px;inset-inline-end:20px}.menu-heading h2{font-size:38px;margin:15px 0 32px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.menu-grid>a{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:16px 0;font-size:20px;transition:color .2s}.menu-grid>a small{font:10px Manrope,sans-serif;color:#43727d}.menu-grid .arrow{margin-inline-start:auto;color:#54848a}.menu-grid a:hover{color:var(--accent)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8fabb3;gap:20px}.preview-toolbar>div{display:flex;align-items:center;gap:12px}.certificate-preview-viewport{height:65vh;min-height:320px;overflow:auto;display:grid;place-items:center;padding:70px 50px}.certificate-preview-viewport>div{width:min(640px,100%);transition:transform .2s}.certificate-preview-viewport .certificate-paper{min-height:320px}.certificate-preview-viewport .certificate-paper h3{font-size:34px}.journey-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.journey-aside{max-width:300px}.giant-number{color:#36676d;font:300 110px Manrope,sans-serif;line-height:1}.journey-aside h2{font-size:30px;margin-top:30px;line-height:1.55}.journey-aside p{font-size:12px;margin:20px 0}.timeline{border-inline-start:1px solid #2b505c;margin-inline-start:10px;padding-inline-start:40px}.timeline-entry{position:relative;border-bottom:1px solid var(--line);padding:9px 0 36px;margin-bottom:35px}.timeline-dot{position:absolute;inset-inline-start:-45px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--accent);box-shadow:0 0 0 6px var(--bg)}.timeline-top{display:flex;justify-content:space-between;color:var(--accent);font-size:11px}.timeline-top small{color:#64818d;font-size:10px}.timeline-entry h2{font-size:28px;margin:14px 0 2px}.timeline-entry h3{font-size:14px;color:#a6bec5}.timeline-entry p{font-size:12px;margin:13px 0 20px}.entry-index{position:absolute;bottom:25px;inset-inline-end:0;font:9px Manrope,sans-serif;color:#3a5f6c}.skills-layout{display:grid;grid-template-columns:310px 1fr;gap:50px;align-items:start}.skill-tabs{display:flex;flex-direction:column;gap:1px;border:1px solid var(--line)}.skill-tabs button{padding:20px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);font-size:12px;color:#92aab4;text-align:start}.skill-tabs button>span{font:9px Manrope,sans-serif;color:#4f7783}.skill-tabs .arrow{margin-inline-start:auto}.skill-tabs button.active{color:var(--accent);background:#10252c}.skill-tabs button.active>span{color:var(--accent)}.skill-panel{position:relative;padding:0 0 20px}.skill-visual{float:inline-end;width:220px;height:150px;margin:-15px 0 15px 20px}.skill-visual svg{height:130px;width:100%}.skill-visual>span{font:6px Manrope,sans-serif;letter-spacing:2px;display:block;text-align:center;color:#4f7b85}.skill-panel>h2{font-size:31px;padding-top:18px;min-height:145px;display:flex;align-items:center}.skill-items{clear:both;border-top:1px solid var(--line)}.skill-items>div{padding:16px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.skill-items>div>span:first-child{font:9px Manrope,sans-serif;color:#436774}.skill-items h3{font-size:14px}.skill-status{margin-inline-start:auto;color:#6b838d;font-size:9px}.note{font-size:11px!important;line-height:1.9;margin-top:22px;padding-inline-start:15px;border-inline-start:1px solid #3f6c73}.lab-status{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font:8px Manrope,sans-serif;letter-spacing:1px;color:#60858f;margin-bottom:22px;gap:15px}.lab-status>span:first-child{display:flex;align-items:center;gap:8px;color:#99c8c6}.equipment-chooser{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px;min-width:0}.equipment-chooser button{font-size:10px;border:1px solid var(--line);padding:10px 13px;display:flex;align-items:center;gap:9px;border-radius:2px;color:#8aa4b0}.equipment-chooser button>span{font:7px Manrope,sans-serif;color:#426c7a}.equipment-chooser button.selected{color:var(--accent);border-color:#4b8987;background:#0e252c}.equipment-chooser button:hover{border-color:#3c6872}.lab-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}.lab-scene{position:relative;height:clamp(430px,48vw,560px);min-height:430px;border:1px solid #25414b;background:#0a151d;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.lab-scene-title{position:absolute;top:20px;left:20px;right:20px;font:8px Manrope,sans-serif;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#8eb8bd;z-index:2}.lab-scene-title>span{color:#426a76}.lab-scene .scene{flex:1;min-height:0;height:100%}.lab-scene .scene-caption{left:20px;bottom:23px;font-size:7px}.lab-scene .scene-controls{bottom:47px}.lab-model-note{position:relative;text-align:center;font-size:8px;color:#557c87;padding:10px;border-top:1px solid #1b343f}.equipment-info{padding:10px 0;min-width:0}.equipment-info>h2{font-size:34px;letter-spacing:-1px;line-height:1.5;margin:10px 0 12px}.equipment-info>p{font-size:12px}.inline-citation{color:#69a6a8;font-size:9px;white-space:normal}.inline-citation:hover{text-decoration:underline}.equipment-tabs{margin-top:25px;display:flex;border-bottom:1px solid var(--line);gap:20px;min-width:0;overflow-x:auto;scrollbar-width:thin}.equipment-tabs>button{font-size:10px;padding:8px 0 12px;color:#7697a3;position:relative;flex:0 0 auto;white-space:nowrap}.equipment-tabs>button[aria-selected=true]{color:var(--accent)}.equipment-tabs>button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.equipment-tab-content{padding:24px 0 0;min-height:230px;overflow-wrap:anywhere}.panel-label{font:7px Manrope,sans-serif;letter-spacing:1.5px;color:#456f7c}.equipment-tab-content h3{font-size:17px;margin-top:10px}.equipment-tab-content p{font-size:12px;margin-top:10px}.equipment-tab-content .signal{height:42px;margin-top:22px;opacity:.7}.component-flow{display:flex;direction:ltr;align-items:center;justify-content:space-between;margin-top:25px;color:#68a29f;gap:8px}.component-flow>span{border:1px solid #2f5660;padding:12px;font:7px Manrope,sans-serif}.lab-disclaimer{font-size:10px;margin-top:20px;max-width:850px;color:#5d7a87}@media(max-width:900px){.equipment-chooser{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.equipment-chooser button{flex:0 0 auto}.lab-layout{grid-template-columns:minmax(0,1fr);gap:30px}.lab-scene{height:min(68vw,540px);min-height:380px}.equipment-info{width:100%}.equipment-info>.text-link{display:inline-flex;min-height:44px;align-items:center}}.education-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.education-blueprint{min-height:450px;background:#0a1923;border:1px solid #274550;position:relative;display:grid;place-items:center;background-image:linear-gradient(#405d6f12 1px,transparent 1px),linear-gradient(90deg,#405d6f12 1px,transparent 1px);background-size:24px 24px}.blueprint-label{position:absolute;top:25px;left:25px;font:7px Manrope,sans-serif;letter-spacing:2px;color:#587c89}.education-blueprint>svg{width:90%}.blueprint-corner{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#426c7d}.education-content h2{font-size:32px;margin:15px 0 3px}.education-content .accent{font-size:14px}.academic-row{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.academic-row small{font:9px Manrope,sans-serif;color:#47717c;margin-top:7px}.academic-row h3{font-size:18px}.academic-row p{font-size:11px;margin-top:6px}.resume-layout{display:grid;grid-template-columns:320px 1fr;gap:75px;align-items:start}.resume-aside{position:sticky;top:130px}.resume-aside>svg{color:var(--accent)}.resume-aside h2{font-size:30px;line-height:1.5;margin-top:22px}.resume-aside p{font-size:12px;margin:18px 0 25px}.resume-aside .button{width:100%;margin-bottom:10px}.resume-note{font-size:8px;color:#68808d;display:block;margin-top:12px}.cv-paper{background:#e9eeea;color:#1a2d36;padding:38px 40px;font-family:Manrope,IBM Plex Sans Arabic,sans-serif;box-shadow:0 10px 50px #0004;max-width:760px}.cv-template{font-size:8px;letter-spacing:.4px;padding:7px 0 17px;color:#698184;border-bottom:1px solid #a9bdba}.cv-paper header{padding:20px 0;border-bottom:1px solid #819d9d}.cv-paper header h2{font-size:27px;font-weight:500}.cv-paper header p{font-size:11px;color:#48646b;margin:4px 0}.cv-paper header small{font-size:9px;color:#60777b}.cv-paper section{margin-top:20px}.cv-paper section h3{font-weight:600;font-size:12px;border-bottom:1px solid #bdceca;padding-bottom:5px;color:#284950}.cv-paper section p{font-size:10px;line-height:1.9;margin-top:7px;color:#64787a}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact-statement{max-width:400px}.contact-statement h2{font-size:42px;line-height:1.5;letter-spacing:-1px;margin:24px 0 20px}.contact-statement>p{font-size:13px}.contact-location{display:flex;align-items:center;gap:10px;color:#94afb8;margin:28px 0 18px;font-size:12px}.contact-method{display:flex;align-items:center;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.contact-method:first-child{border-top:1px solid var(--line)}.contact-method>svg{color:#659f9f}.contact-method h3{font-size:22px}.contact-method p{font-size:11px;margin-top:4px}.contact-method>button,.contact-method>a{margin-inline-start:auto}.contact-method>a{width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line)}.contact-message{font-size:11px;color:#5e828e;margin-top:25px;line-height:1.9;min-height:45px}.not-found{padding:120px var(--gutter);min-height:60vh}.not-found h1{font-size:45px;margin:25px 0}.not-found .button{margin-top:20px}@media(min-width:1500px){.hero-layout{min-height:700px}.hero-visual{height:660px}.hero h1{font-size:78px}html[lang=ar] .hero h1{font-size:72px}}@media(max-width:1100px){.header{gap:18px}.brand-sub{display:none}.desktop-nav{gap:22px;font-size:12px}.header-actions{gap:14px}.hero-layout{min-height:570px}.hero-visual{height:545px}.hero h1{font-size:50px}html[lang=ar] .hero h1{font-size:48px}.hero-buttons{gap:8px}.button{padding:12px 14px;font-size:11px}.hero-description{font-size:13px;max-width:340px}.label-top{left:0}.label-heart{right:-10px;transform:scale(.9);transform-origin:right}.discipline-strip>a{padding:24px 18px;gap:15px}.discipline-strip h3{font-size:15px}.profile-grid{gap:45px}.project-grid{gap:20px}.skills-layout{grid-template-columns:260px 1fr;gap:30px}.resume-layout{grid-template-columns:280px 1fr;gap:40px}.lab-layout{gap:28px}.equipment-tabs{gap:14px}.equipment-info>h2{font-size:28px}.lab-scene{min-height:460px}.lab-scene .scene{min-height:430px}}@media(max-width:760px){:root{--gutter: 24px}.header{height:78px}.brand>span:first-child{font-size:33px;letter-spacing:-2.5px}.brand-sub{display:block;font-size:6px;letter-spacing:1.1px;padding-inline-start:11px}.brand{gap:12px}.desktop-nav{display:none}.header-actions{gap:13px}.menu-button span{display:none}.lang-button{font-size:10px}.hero-topline{font-size:6px;letter-spacing:.7px;padding-top:20px;gap:12px}.hero-topline>span:last-child{font-size:6px}.hero-topline>span:first-child{gap:6px}.hero-layout{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:46px 0 15px;max-width:none}.hero-eyebrow{font-size:10px;margin-bottom:17px}.hero h1{font-size:clamp(39px,8.2vw,62px);line-height:1.16;letter-spacing:-1.7px}html[lang=ar] .hero h1{font-size:clamp(38px,8.6vw,60px);line-height:1.5;letter-spacing:-1px}.hero-title{font-size:12px;gap:9px;margin-top:16px}.hero-description{font-size:12px;line-height:2;max-width:440px;margin-top:15px}.hero-buttons{margin-top:24px;gap:9px}.button{font-size:11px;padding:12px 15px;gap:8px}.hero-buttons .primary{flex:1}.hero-buttons .ghost{border-color:transparent;padding-inline:8px}.hero-buttons .button>svg:first-child:not(.arrow){width:15px}.button .arrow{width:14px;margin-inline-start:2px}.identity-link{margin-top:25px}.identity-avatar{width:32px;height:32px;font-size:15px}.identity-link small,.identity-link strong{font-size:9px}.hero-visual{height:390px;margin:8px -10px 0;min-width:0}.visual-index{top:13px;font-size:7px;left:0}.visual-index span{font-size:6px}.label-top{top:28%;left:0;font-size:6px;padding:8px;gap:6px}.model-label small{font-size:5px}.label-heart{width:135px;right:0;top:53%;font-size:6px;transform:none;padding:7px 9px}.label-heart .signal{height:22px}.visual-bottom{bottom:50px;font-size:5px;left:0;right:0}.scene-caption{bottom:9px;font-size:6px;left:20%;right:0}.scene-controls{bottom:27px;right:10px}.scene-controls button{width:44px;min-height:44px}.scene-corner.tl{top:15%;left:15%}.scene-corner.br{bottom:24%;right:15%}.hero-bottom{padding:11px 0 22px;font-size:8px}.hero-note{display:none}.scroll-cue{font-size:8px}.page-count{font-size:10px}.discipline-strip{grid-template-columns:1fr;padding:0 var(--gutter)}.discipline-strip>a,.discipline-strip>a:first-child{padding:20px 0;border-inline-end:0;border-bottom:1px solid var(--line);gap:18px}.discipline-strip>a:last-child{border-bottom:0}.discipline-strip h3{font-size:17px}.discipline-strip small{font-size:7px}.discipline-strip p{font-size:10px}.world-section{padding:52px var(--gutter)}.section-row{align-items:start;margin-bottom:24px}.section-row h2{font-size:29px}.section-caption{display:none}.eyebrow{font-size:9px}.chapter-grid{grid-template-columns:1fr 1fr}.chapter-grid>a{padding:21px 14px;gap:11px}.chapter-grid h3{font-size:13px}.chapter-index{font-size:8px}.chapter-grid .arrow{width:13px}.footer{padding:25px var(--gutter);gap:16px;flex-wrap:wrap;font-size:6px;letter-spacing:.7px}.footer-brand{font-size:22px}.footer>div{width:100%;margin:0;justify-content:space-between;font-size:7px;border-top:1px solid var(--line);padding-top:16px}.footer>div a{font-size:9px}.footer-line{display:none}.breadcrumb{font-size:9px;gap:10px;padding:18px 0;min-height:54px}.breadcrumb-index{font-size:7px!important}.page-heading{padding:40px 0 30px}.page-heading h1{font-size:37px;letter-spacing:-1px;margin:14px 0;line-height:1.45}.page-heading>p{font-size:12px;line-height:1.9}.section-pagination{margin-top:45px;padding:22px 0;font-size:9px;align-items:center}.section-pagination>a:last-child{flex-wrap:wrap;justify-content:end;gap:6px;max-width:50%}.section-pagination>a:first-child{font-size:9px;gap:6px}.profile-grid{grid-template-columns:1fr;gap:30px}.profile-portrait{min-height:340px}.profile-portrait>img{width:112%;height:112%;min-height:0;padding:0;transform:translateY(2%)}.portrait-monogram{font-size:170px}.portrait-caption{bottom:30px;left:27px;right:27px}.profile-info h2{font-size:33px}.profile-info>p{font-size:12px}.data-list>div{font-size:11px;grid-template-columns:95px 1fr}.mini-journey{padding-top:40px}.mini-journey>div{flex-wrap:wrap;gap:15px}.mini-journey>div>span{flex-basis:40%;font-size:16px}.filter-row{gap:6px;margin-bottom:22px}.filter-row button{font-size:9px;padding:7px 10px;min-height:36px}.archive-bar{font-size:7px;padding-bottom:12px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:1.5}.project-card h2{font-size:22px}.project-card p{font-size:12px}.project-meta{font-size:10px}.illustration{min-height:190px}.project-detail-visual{height:250px;margin-bottom:30px}.project-detail-grid{grid-template-columns:1fr;gap:25px}.project-detail-grid aside{padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-field h2{font-size:20px}.detail-field p{font-size:11px}.attachments p{font-size:9px}.certificate-card{grid-template-columns:1fr;gap:28px;padding:20px 0}.certificate-thumbnail{padding:20px}.certificate-paper h3{font-size:22px}.certificate-paper>span:first-of-type{font-size:5px}.certificate-paper p{font-size:7px}.certificate-paper>svg{height:23px;margin:5px}.certificate-paper strong{font-size:11px}.certificate-card h2{font-size:26px}.certificate-card p{font-size:12px}.cert-meta{font-size:10px;justify-content:space-between}.modal-backdrop{padding:15px}.modal{padding:70px 22px 30px;max-height:94dvh}.menu-heading h2{font-size:27px;margin-bottom:25px}.menu-heading .eyebrow{font-size:8px}.menu-grid{grid-template-columns:1fr;gap:0}.menu-grid>a{font-size:17px;padding:12px 0;min-height:49px}.preview-toolbar{font-size:10px;flex-direction:column;align-items:start}.certificate-preview-viewport{padding:35px 0;min-height:280px;height:50vh}.certificate-preview-viewport .certificate-paper{min-height:230px}.certificate-preview-viewport .certificate-paper h3{font-size:24px}.journey-layout{grid-template-columns:1fr;gap:40px}.journey-aside{max-width:none}.giant-number{font-size:70px;float:inline-end}.journey-aside h2{font-size:28px;margin:0;max-width:80%}.journey-aside p{font-size:12px}.timeline{padding-inline-start:25px;margin-inline-start:5px}.timeline-dot{inset-inline-start:-30px}.timeline-entry h2{font-size:25px}.timeline-top{font-size:10px}.timeline-entry p{font-size:11px}.skills-layout{grid-template-columns:1fr;gap:20px}.skill-tabs{display:grid;grid-template-columns:1fr 1fr}.skill-tabs button{padding:13px 10px;font-size:10px;gap:7px;min-height:59px}.skill-tabs button>span{font-size:7px}.skill-tabs .arrow{width:12px}.skill-visual{width:150px;height:135px;margin:0 0 10px 10px}.skill-panel>h2{font-size:25px;min-height:140px;padding:0}.skill-items>div{gap:12px;padding:15px 0}.skill-items h3{font-size:12px}.skill-status{font-size:8px;white-space:nowrap}.note{font-size:10px!important}.lab-status{font-size:6px;letter-spacing:.5px;flex-wrap:wrap;margin-bottom:18px}.equipment-chooser{gap:5px}.equipment-chooser button{font-size:9px;padding:9px 10px;gap:6px;min-height:38px}.equipment-chooser button>span{font-size:6px}.lab-layout{grid-template-columns:1fr;gap:27px}.lab-scene{height:400px;min-height:400px}.lab-scene .scene{min-height:0}.lab-scene-title{font-size:6px;left:15px;right:15px}.lab-scene .scene-controls{bottom:35px}.lab-scene .scene-caption{bottom:12px;font-size:6px;left:15px}.lab-model-note{font-size:7px}.equipment-info>h2{font-size:30px}.equipment-info>p{font-size:12px}.equipment-tabs{gap:20px}.equipment-tabs button{font-size:10px}.equipment-tab-content{min-height:225px}.equipment-tab-content h3{font-size:18px}.equipment-tab-content p{font-size:12px}.equipment-info>.text-link{margin-top:4px}.lab-disclaimer{font-size:9px;margin-top:25px}.education-layout{grid-template-columns:1fr;gap:30px}.education-blueprint{min-height:330px}.education-blueprint>svg{max-height:280px}.education-content h2{font-size:29px}.resume-layout{grid-template-columns:1fr;gap:30px}.resume-aside{position:static}.resume-aside>svg{float:inline-end}.resume-aside h2{font-size:29px;max-width:80%;margin:0}.resume-aside .button{font-size:12px}.cv-paper{padding:23px 20px}.cv-paper header h2{font-size:25px}.cv-paper header p{font-size:9px}.cv-paper header small{font-size:8px}.cv-template{font-size:7px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-statement h2{font-size:35px;margin-top:18px}.contact-statement>p{font-size:12px}.contact-method{padding:22px 0;gap:17px}.contact-method h3{font-size:22px}.contact-method p{font-size:10px}.not-found{padding:80px var(--gutter)}.not-found h1{font-size:32px}}@media(max-width:370px){.brand-sub{display:none}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .ghost{border-color:var(--line)}.hero h1,html[lang=ar] .hero h1{font-size:35px}.hero-topline>span:last-child{display:none}.page-heading h1{font-size:32px}.chapter-grid,.skill-tabs{grid-template-columns:1fr}.skill-visual{width:120px}.certificate-paper{padding:14px}.cert-foot{font-size:5px}}.desktop-nav{font-size:14px}.button{font-size:13px}.filter-row button,.equipment-chooser button{font-size:12px;min-height:44px}.placeholder-badge{font-size:11px}.hero-description{font-size:15px}.page-heading>p{font-size:15px}.profile-info>p,.project-card p,.project-detail-grid aside p,.detail-field p,.certificate-card p,.journey-aside p,.timeline-entry p,.equipment-info>p,.equipment-tab-content p,.academic-row p,.resume-aside p,.contact-statement>p{font-size:14px}.data-list>div{font-size:13px}.skill-items h3{font-size:15px}.skill-status{font-size:11px}.skill-tabs button{font-size:13px}.cert-meta,.contact-method p,.contact-message,.unavailable,.note,.lab-disclaimer{font-size:12px}.inline-citation{font-size:11px}.contact-location,.text-link{font-size:13px}.breadcrumb,.section-pagination,.discipline-strip p{font-size:12px}.hero-visual .scene-controls button{min-height:44px;width:44px}@media(max-width:760px){.button{font-size:12px}.hero-description,.page-heading>p{font-size:14px}.filter-row button,.equipment-chooser button{font-size:11px;min-height:44px}.data-list>div{font-size:12px}.skill-tabs button{font-size:12px}.skill-items h3{font-size:13px}.skill-status{font-size:10px}.equipment-tabs>button{font-size:12px}.equipment-tabs{gap:18px}.contact-method p,.contact-message{font-size:12px}.breadcrumb,.section-pagination{font-size:11px}.section-pagination>a:first-child{font-size:11px}.section-pagination>a:last-child{max-width:55%}.hero-visual .scene-controls button{min-height:44px;width:44px}.identity-link small{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.timeline-entry{transform:none!important;opacity:1!important}.scan-beam{opacity:.5}}.route-view{position:relative;z-index:1;will-change:opacity,transform,filter}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(52% 46% at 18% 2%,rgba(109,224,210,.07),transparent 70%),radial-gradient(46% 40% at 86% 14%,rgba(52,122,148,.09),transparent 72%),radial-gradient(40% 34% at 50% 102%,rgba(109,224,210,.05),transparent 70%)}main{position:relative;z-index:1}.footer{position:relative;z-index:1}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:140;transform-origin:0 50%;background:linear-gradient(90deg,rgba(109,224,210,0),var(--accent));box-shadow:0 0 18px #6de0d28c;pointer-events:none}.reveal{opacity:0;transform:translate3d(0,28px,0) scale(.986);filter:blur(7px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal.is-in{opacity:1;transform:none;filter:blur(0)}@media(max-width:800px){.reveal{filter:none;transition:opacity .35s ease,transform .35s ease}.route-view{contain:layout paint}}.tilt-3d{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 50%;--glare: 0;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,border-color .3s ease}@media(hover:hover){.tilt-3d:hover{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);box-shadow:0 40px 90px -50px #6de0d299}}.tilt-3d:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:3;pointer-events:none;border-radius:inherit;opacity:var(--glare);transition:opacity .35s ease;background:radial-gradient(360px circle at var(--gx) var(--gy),rgba(109,224,210,.16),transparent 62%)}.magnetic{transform:translate3d(var(--mx, 0px),var(--my, 0px),0);transition:transform .25s ease-out,background .2s ease,border-color .2s ease,box-shadow .3s ease;will-change:transform}.button.primary:hover{box-shadow:0 18px 44px -20px #6de0d2bf}.hero-visual{transform-style:preserve-3d;will-change:transform}.hero-visual .orbit,.hero-visual .visual-index,.hero-visual .model-label,.hero-visual .visual-bottom{transform:translateZ(52px)}.hero-visual .scene{transform:translateZ(0)}.hero-glow{position:absolute;width:74%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(109,224,210,.22),rgba(58,152,166,.07) 46%,transparent 72%);filter:blur(26px);transition:left .5s ease-out,top .5s ease-out}.hero-visual .orbit{animation-duration:42s}.page-heading{position:relative}.chapter-orb{position:absolute;inset-inline-end:0;top:54px;width:132px;height:132px;perspective:760px;pointer-events:none;opacity:.72;display:grid;place-items:center}.chapter-orb em{position:absolute;bottom:-6px;font:9px Manrope,sans-serif;font-style:normal;letter-spacing:2.6px;color:#6f8f99;white-space:nowrap}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(109,224,210,.34);border-radius:50%}.orb-ring-a{animation:orbSpinA 16s linear infinite}.orb-ring-b{border-color:#6de0d22e;animation:orbSpinB 22s linear infinite}.orb-ring-c{border-style:dashed;border-color:#94bec83d;animation:orbSpinC 28s linear infinite}.orb-core{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px #6de0d2e6;animation:orbPulse 3.4s ease-in-out infinite}@keyframes orbSpinA{0%{transform:rotateY(0) rotateX(14deg)}to{transform:rotateY(360deg) rotateX(14deg)}}@keyframes orbSpinB{0%{transform:rotateX(74deg) rotate(0)}to{transform:rotateX(74deg) rotate(360deg)}}@keyframes orbSpinC{0%{transform:rotateY(68deg) rotate(0)}to{transform:rotateY(68deg) rotate(360deg)}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.5);opacity:1}}.route-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#070d1200,#070d126b 55%,#070d1299)}.route-wipe-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(109,224,210,.95),transparent);box-shadow:0 0 26px 5px #6de0d259}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#0c1b24,#050a0e 72%)}.boot-inner{display:grid;justify-items:center;gap:13px;min-width:min(340px,74vw);text-align:center}.boot-brand{font-family:Manrope,sans-serif;font-size:46px;font-weight:600;letter-spacing:-3px;line-height:1}.boot-brand span{color:var(--accent)}.boot-caption{font:9px Manrope,sans-serif;letter-spacing:4.5px;color:#6f8f99}.boot-bar{width:100%;height:2px;margin-top:8px;background:#97bbc82e;overflow:hidden}.boot-bar span{display:block;height:100%;transform-origin:0 50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.boot-meta{display:flex;justify-content:space-between;width:100%;font:9px Manrope,sans-serif;letter-spacing:2px;color:#7d97a1}.project-card h2,.certificate-card h2{transition:color .3s ease}.project-card:hover h2{color:var(--accent)}.project-expand{transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease}.project-card:hover .project-expand{transform:translate(3px,-3px) scale(1.06)}.chapter-grid>a{transition:background .3s ease,color .3s ease,padding-inline-start .35s cubic-bezier(.16,1,.3,1)}.chapter-grid>a:hover{padding-inline-start:34px}.chapter-grid>a h3{transition:color .3s ease}.chapter-grid>a:hover h3{color:var(--accent)}.certificate-thumbnail{transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease}.certificate-card:hover .certificate-thumbnail{transform:translateY(-4px) scale(1.015)}.filter-row button,.skill-tabs button,.equipment-chooser button{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.filter-row button:hover,.skill-tabs button:hover,.equipment-chooser button:hover{transform:translateY(-2px)}.header{transition:background .3s ease,border-color .3s ease}@media(max-width:900px){.chapter-orb{display:none}.hero-visual .orbit,.hero-visual .visual-index,.hero-visual .model-label,.hero-visual .visual-bottom{transform:none}.hero-glow{display:none}}@media print{.reveal{opacity:1!important;transform:none!important;filter:none!important}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;filter:none!important}.tilt-3d,.magnetic{transform:none!important}.chapter-orb,.scroll-progress{display:none}.orb-ring,.orb-core,.hero-visual .orbit{animation:none!important}}.skill-core{position:relative;width:130px;height:130px;margin:0 auto 4px;perspective:620px}.skill-core:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle,rgba(109,224,210,.22),transparent 68%);filter:blur(10px)}.core-shell{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:coreSpin 26s linear infinite}.core-shell span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(109,224,210,.34);border-radius:50%}.core-mer-b{transform:rotateY(60deg)}.core-mer-c{transform:rotateY(120deg)}.core-lat{border-color:#6de0d233;transform:rotateX(74deg)}.core-lat-b{transform:rotateX(74deg) rotateY(56deg)}.core-lat-c{transform:rotateX(90deg);border-color:#94bec842}.skill-core b{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;font:600 11px Manrope,sans-serif;letter-spacing:1.6px;color:var(--accent);padding:5px 9px;background:#09141bdb;border:1px solid rgba(109,224,210,.32);border-radius:2px}@keyframes coreSpin{0%{transform:rotateX(-14deg) rotateY(0)}to{transform:rotateX(-14deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.core-shell{animation:none}}.cursor-glow{position:fixed;top:0;left:0;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;pointer-events:none;z-index:0;opacity:.75;background:radial-gradient(circle,rgba(109,224,210,.075),rgba(58,152,166,.03) 42%,transparent 66%);will-change:transform}@media(hover:none){.cursor-glow{display:none}}.intro-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;min-height:100dvh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;background:#040b10;color:#edf3f2;padding:clamp(22px,4vw,58px) clamp(22px,5vw,78px) clamp(20px,3vw,38px)}.intro-video,.intro-shade,.intro-grid,.intro-noise{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-video{z-index:-5;object-fit:cover;object-position:center;opacity:.72;filter:saturate(.82) contrast(1.12) brightness(.72)}.intro-shade{z-index:-4;background:radial-gradient(circle at 50% 42%,transparent 0 18%,#04101666 47%,#03090de8 100%),linear-gradient(90deg,#03090dd9,#06131a66 47%,#03090dd9)}.intro-grid{z-index:-3;opacity:.24;background-image:linear-gradient(#6de0d20d 1px,transparent 1px),linear-gradient(90deg,#6de0d20d 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent);transform:perspective(700px) rotateX(56deg) scale(1.7) translateY(32%);transform-origin:center bottom}.intro-noise{z-index:-2;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.intro-header,.intro-footer{position:relative;z-index:2;display:flex;align-items:center}.intro-header{gap:18px}.intro-brand{font:600 clamp(30px,4vw,56px)/1 "Manrope",sans-serif;letter-spacing:-.09em}.intro-brand span{color:var(--accent)}.intro-brand-meta{padding-left:17px;border-left:1px solid #9cb4ba55;color:#a8bbc1;font:500 9px/1.55 Manrope,sans-serif;letter-spacing:2px}.intro-live{margin-inline-start:auto;display:flex;align-items:center;gap:9px;color:#8aa8ae;font:9px Manrope,sans-serif;letter-spacing:1.6px}.intro-live i{width:6px;height:6px;display:block;border-radius:50%;background:var(--accent);box-shadow:0 0 #6de0d288;animation:intro-live 1.5s ease-out infinite}.intro-content{position:relative;z-index:2;width:min(100%,720px);margin:auto 0;padding-block:7vh}.intro-kicker{display:flex;align-items:center;gap:12px;color:var(--accent);font:500 10px Manrope,sans-serif;letter-spacing:2.2px;margin-bottom:27px}.intro-kicker .mini-line{width:32px}.intro-content h1{max-width:780px;font-size:clamp(48px,8vw,118px);line-height:1.06;letter-spacing:-.075em;font-weight:300}html[lang=ar] .intro-content h1{line-height:1.35;letter-spacing:-2px}.intro-content h1 span{color:var(--accent);text-shadow:0 0 35px #6de0d244}.intro-content p{max-width:480px;margin-top:27px;color:#b0c1c5;font-size:clamp(13px,1.4vw,17px);line-height:2}.intro-enter{position:relative;display:inline-flex;align-items:center;gap:15px;margin-top:38px;min-height:70px;padding:8px 22px 8px 9px;color:#061a1b;background:var(--accent);border:1px solid var(--accent);border-radius:2px;overflow:hidden;transition:transform .25s,background .25s,box-shadow .25s}.intro-enter:hover{transform:translateY(-4px);background:#a0f4e9;box-shadow:0 15px 45px #6de0d240}.intro-enter:disabled{cursor:wait}.intro-enter-icon{position:relative;width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid #082b2c88;background:#b2fff344;border-radius:50%;transition:transform .25s,background .25s}.intro-enter-icon:before,.intro-enter-icon:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid #123f3d88;border-radius:50%;animation:intro-icon-ring 1.8s ease-out infinite;pointer-events:none}.intro-enter-icon:after{animation-delay:.9s}.intro-enter:hover .intro-enter-icon{transform:scale(1.08) rotate(-8deg);background:#c7fff766}html[dir=rtl] .intro-enter-icon svg{transform:rotate(180deg)}.intro-enter strong,.intro-enter small{display:block;text-align:start}.intro-enter strong{font-size:15px;font-weight:600}.intro-enter small{margin-top:3px;font:9px Manrope,sans-serif;letter-spacing:1.2px;opacity:.68}.intro-enter-pulse{width:7px;height:7px;margin-inline-start:16px;border-radius:50%;background:#1e7774;animation:intro-pulse 1.4s ease-in-out infinite}.intro-footer{justify-content:space-between;color:#6d858d;font:9px Manrope,sans-serif;letter-spacing:1.7px}.intro-orbit{position:absolute;z-index:-1;width:min(64vw,850px);aspect-ratio:1;top:50%;left:55%;border:1px solid #6de0d21d;border-radius:50%;transform:translate(-50%,-50%) rotate(18deg) scaleY(.42);pointer-events:none;animation:intro-orbit 18s linear infinite}.intro-orbit-two{width:min(52vw,690px);transform:translate(-50%,-50%) rotate(-35deg) scaleY(.42);border-color:#6de0d215;animation-duration:23s;animation-direction:reverse}.intro-gate.is-leaving{animation:intro-exit .72s cubic-bezier(.76,0,.24,1) forwards}@keyframes intro-live{0%{box-shadow:0 0 #6de0d277}70%{box-shadow:0 0 0 9px #6de0d200}to{box-shadow:0 0 #6de0d200}}@keyframes intro-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.45);opacity:1}}@keyframes intro-icon-ring{0%{opacity:.65;transform:scale(.86)}to{opacity:0;transform:scale(1.35)}}@keyframes intro-orbit{to{transform:translate(-50%,-50%) rotate(378deg) scaleY(.42)}}@keyframes intro-exit{to{opacity:0;transform:scale(1.04);filter:blur(18px)}}@media(max-width:700px){.intro-gate{padding:24px 20px 20px}.intro-header{align-items:flex-start}.intro-brand{font-size:34px}.intro-brand-meta{font-size:7px;letter-spacing:1.2px}.intro-live{font-size:7px;letter-spacing:.8px}.intro-content{padding-block:8vh}.intro-content h1{font-size:clamp(46px,15vw,76px)}.intro-content p{max-width:340px;font-size:13px}.intro-enter{width:100%;max-width:340px;justify-content:flex-start}.intro-enter-icon{width:50px;height:50px;flex-basis:50px}.intro-footer{font-size:7px;letter-spacing:1px}.intro-footer span:first-child{max-width:170px}.intro-orbit{width:120vw;left:68%;top:45%}}@media(prefers-reduced-motion:reduce){.intro-live i,.intro-enter-pulse,.intro-orbit,.intro-enter-icon:before,.intro-enter-icon:after{animation:none}}:root{--bg: #070d12;--surface: #0b151d;--fg: #edf3f2;--muted: #8a9da7;--accent: #6de0d2;--line: rgba(151, 187, 200, .16)}html,body,#root{min-height:100%}body{margin:0;background:#070d12;color:#edf3f2}.intro-gate{isolation:isolate}.intro-content,.intro-header,.intro-footer{pointer-events:auto}.intro-enter{z-index:20;position:relative;display:inline-flex;visibility:visible;opacity:1;margin-top:0;margin-bottom:clamp(22px,3vw,34px);width:fit-content;min-height:48px;padding:5px 14px 5px 6px;gap:10px;border-radius:999px;color:#061a1b;background:#6de0d2;border-color:#6de0d2;pointer-events:auto;cursor:pointer}.intro-enter:focus-visible{outline:3px solid #edf3f2;outline-offset:6px}.intro-enter-icon{color:#061a1b;width:36px;height:36px;flex-basis:36px}.intro-enter-icon:before,.intro-enter-icon:after{top:-4px;right:-4px;bottom:-4px;left:-4px}.intro-enter strong,.intro-enter small{color:#061a1b}.intro-enter strong{font-size:12px}.intro-enter small{font-size:7px;letter-spacing:1px}@media(max-width:700px){.intro-enter{min-height:46px;margin-bottom:22px;padding-inline-end:13px;width:fit-content;max-width:100%}.intro-enter-icon{width:34px;height:34px;flex-basis:34px}}