@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--page: #F9F9F7;--ink: #151514;--ink2: #1A1C1B;--body: #474741;--purple: #4F319D;--purple-d: #21005E;--purple-x: #260089;--purple-f: #150148;--orange: #FF6D00;--orange-2: #EE8354;--orange-3: #EF5500;--peach: #FBAF85;--lilac: #9C7FED;--indigo: #391385;--blue: #0D47A1;--navy: #022050;--card: rgba(255, 255, 255, .4);--cardb: rgba(255, 255, 255, .3);--soft: #F4F4F2;--line: rgba(26, 26, 24, .08);--sh-sm: 0 1px 2px rgba(0, 0, 0, .05);--sh-lg: 0 8px 10px rgba(0, 0, 0, .1), 0 20px 25px rgba(0, 0, 0, .1);--hdr-bg: rgba(255, 255, 255, .4);--hdr-border: rgba(255, 255, 255, .5);--hdr-shadow: 0 8px 32px rgba(13, 71, 161, .1);--ff: "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;--ff-en: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--h1-color: #151514;--h2-color: #000;--h3-color: #1A1C1B;--grad-1: #FBAF85;--grad-2: #A88BFA;--name-color: #081D3E;--name-shadow: #FF6D00;--role-color: #21005E;--stat-bg: #EEEEEC;--stat-n: #FF6D00;--pill-dark-bg: #000;--pill-dark-fg: #fff;--pill-outline-bd: #000;--pill-outline-fg: #000;--skills-bg: #F4F4F2;--spill-bg: #fff;--spill-fg: #1A1C1B;--cert-peach-bg: rgba(239, 198, 175, .1);--cert-peach-bd: #FCC9AC;--cert-violet-bg: rgba(156, 127, 237, .17);--cert-violet-bd: rgba(156, 127, 237, .2);--cert-bx-bg: #fff;--contact-bg: linear-gradient(120deg, rgba(239, 85, 0, .15) 0%, rgba(183, 159, 251, .23) 50%, rgba(204, 186, 255, .21) 100%);--contact-h2: #260089;--contact-p: #260089;--ct-social-bg: rgba(38, 0, 137, .14);--ct-social-bd: #AF97F1;--ct-item-bg: rgba(38, 0, 137, .2);--ct-item-bd: #AF97F1;--ct-form-bg: rgba(255, 255, 255, .4);--ct-form-bd: rgba(255, 255, 255, .3);--fld-label: #02265E;--fld-input-bg: rgba(255, 255, 255, .5);--fld-input-bd: rgba(255, 255, 255, .3);--fld-input-fg: #111;--fld-ph: rgba(0, 0, 0, .2);--submit-bg: linear-gradient(90deg, #50329F, #5D3CB2);--footer-bg: #150148;--footer-fg: #EFEFEF;--footer-link-fg: #F4F4F4;--footer-bub-bg: rgba(123, 83, 226, .29);--footer-bub-bd: rgba(234, 234, 234, .09);--menu-bg: #F9F9F7;--parrow-bg: rgba(248, 248, 248, .73);--parrow-bd: rgba(200, 200, 200, .11);--tagpill-bg: rgba(20, 20, 18, .06);--tagpill-bd: rgba(0, 0, 0, .08);--goal-card-bg: rgba(255, 255, 255, .6);--goal-card-bd: rgba(255, 255, 255, .4);--fcard-bg: rgba(255, 255, 255, .7);--fcard-bd: rgba(255, 255, 255, .2);--fcard-h3: #070A25;--fcard-sm-h3: #351904;--pf-bg: #fff;--pf-bd: rgba(26, 26, 24, .08);--proto-bg: rgba(226, 227, 225, .3);--proto-frame-bg: rgba(255, 255, 255, .4);--proto-frame-bd: rgba(255, 255, 255, .6);--mchip-bg: rgba(238, 131, 84, .2);--mchip-bd: rgba(238, 131, 84, .19);--mchip-fg: #EE8354;--mchip-sq-bg: rgba(33, 0, 94, .2);--mchip-sq-bd: rgba(115, 157, 226, .19);--mchip-sq-fg: #21005E;--badge-bg: rgba(255, 237, 224, .94);--badge-fg: #FF6D00;--feat-bg: linear-gradient(120deg, rgba(255, 107, 107, .1), rgba(78, 205, 196, .1));--nav-link: #4F319D;--nav-link-hover: #FF6D00;--en-btn: #FF6D00;--burger-fg: #FF6D00;--about-photo-bd: #fff;--hero-img-bd: #fff}:root.dark{--page: #0D0D0C;--ink: #F2F2F0;--ink2: #E8E8E4;--body: #9A9A93;--soft: #161614;--line: rgba(255, 255, 255, .1);--card: rgba(40, 40, 36, .4);--cardb: rgba(40, 40, 36, .3);--purple-d: #9C7FED;--purple-x: #7B5FD0;--purple-f: #0A0028;--blue: #6B9FFF;--navy: #A0C4FF;--indigo: #9C7FED;--orange-2: #EE8354;--sh-sm: 0 1px 2px rgba(0, 0, 0, .3);--sh-lg: 0 8px 10px rgba(0, 0, 0, .3), 0 20px 25px rgba(0, 0, 0, .3);--hdr-bg: rgba(15, 15, 14, .6);--hdr-border: rgba(255, 255, 255, .08);--hdr-shadow: 0 8px 32px rgba(0, 0, 0, .3);--h1-color: #F2F2F0;--h2-color: #F2F2F0;--h3-color: #E8E8E4;--grad-1: #FBAF85;--grad-2: #C4A8FF;--name-color: #A0C4FF;--name-shadow: #FF6D00;--role-color: #9C7FED;--stat-bg: #1A1A18;--stat-n: #FF6D00;--pill-dark-bg: #E8E8E4;--pill-dark-fg: #000;--pill-outline-bd: #E8E8E4;--pill-outline-fg: #E8E8E4;--skills-bg: #161614;--spill-bg: #1A1A18;--spill-fg: #E8E8E4;--cert-peach-bg: rgba(239, 198, 175, .06);--cert-peach-bd: rgba(252, 201, 172, .15);--cert-violet-bg: rgba(156, 127, 237, .08);--cert-violet-bd: rgba(156, 127, 237, .15);--cert-bx-bg: #1A1A18;--contact-bg: linear-gradient(120deg, rgba(239, 85, 0, .08), rgba(183, 159, 251, .1), rgba(204, 186, 255, .08));--contact-h2: #C4A8FF;--contact-p: #C4A8FF;--ct-social-bg: rgba(38, 0, 137, .12);--ct-social-bd: rgba(175, 151, 241, .3);--ct-item-bg: rgba(38, 0, 137, .12);--ct-item-bd: rgba(175, 151, 241, .3);--ct-form-bg: rgba(20, 20, 18, .4);--ct-form-bd: rgba(255, 255, 255, .08);--fld-label: #A0C4FF;--fld-input-bg: rgba(30, 30, 28, .5);--fld-input-bd: rgba(255, 255, 255, .08);--fld-input-fg: #eee;--fld-ph: rgba(255, 255, 255, .2);--submit-bg: linear-gradient(90deg, #50329F, #5D3CB2);--footer-bg: #0A0028;--footer-fg: #EFEFEF;--footer-link-fg: #F4F4F4;--footer-bub-bg: rgba(123, 83, 226, .29);--footer-bub-bd: rgba(234, 234, 234, .09);--menu-bg: #0D0D0C;--parrow-bg: rgba(30, 30, 28, .6);--parrow-bd: rgba(255, 255, 255, .08);--tagpill-bg: rgba(20, 20, 18, .5);--tagpill-bd: rgba(255, 255, 255, .08);--goal-card-bg: rgba(20, 20, 18, .6);--goal-card-bd: rgba(255, 255, 255, .08);--fcard-bg: rgba(20, 20, 18, .5);--fcard-bd: rgba(255, 255, 255, .08);--fcard-h3: #F2F2F0;--fcard-sm-h3: #FBAF85;--pf-bg: #1A1A18;--pf-bd: rgba(255, 255, 255, .06);--proto-bg: rgba(10, 10, 8, .4);--proto-frame-bg: rgba(20, 20, 18, .4);--proto-frame-bd: rgba(255, 255, 255, .08);--mchip-bg: rgba(238, 131, 84, .12);--mchip-bd: rgba(238, 131, 84, .15);--mchip-fg: #EE8354;--mchip-sq-bg: rgba(33, 0, 94, .2);--mchip-sq-bd: rgba(115, 157, 226, .15);--mchip-sq-fg: #9C7FED;--badge-bg: rgba(255, 237, 224, .1);--badge-fg: #FF6D00;--feat-bg: linear-gradient(120deg, rgba(255, 107, 107, .06), rgba(78, 205, 196, .06));--nav-link: #9C7FED;--nav-link-hover: #FF6D00;--en-btn: #FF6D00;--burger-fg: #FF6D00;--about-photo-bd: #1A1A18;--hero-img-bd: #1A1A18}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--body);font-family:var(--ff);font-size:16px;line-height:1.5;overflow-x:clip;transition:background-color .3s ease,color .3s ease}html[dir=ltr] body{font-family:var(--ff-en)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4,p{margin:0}section[id]{scroll-margin-top:100px}.wash{position:absolute;inset-inline:0;pointer-events:none;z-index:0;filter:blur(50px);max-width:100%;overflow:hidden}.wash1{top:86px;height:302px;background:linear-gradient(115deg,#ee835400,#ee835480 32%,#ee835499 54%,#ee8354b3 66%,#ee8354cc 81%,#ee8354e6);opacity:.55}.wash2{top:614px;height:431px;background:linear-gradient(115deg,#5a719700,#5a719780 32%,#5a719799 54%,#5a7197b3 66%,#5a7197cc 81%,#5a7197e6);opacity:.28}.hdr{position:sticky;top:0;z-index:60;background:var(--hdr-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hdr-border);box-shadow:var(--hdr-shadow);transition:background-color .3s ease,border-color .3s ease}.hdr .in{max-width:1079px;margin-inline:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:86px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--purple-d);flex:none}.logo .logo-icon{width:32px;height:28px;color:var(--orange)}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav a{font-size:14px;line-height:20px;font-weight:700;color:var(--nav-link);transition:color .2s;white-space:nowrap}.nav a:hover{color:var(--nav-link-hover)}.hgroup{display:flex;align-items:center;gap:16px}.h-opts{display:flex;align-items:center;gap:12px}.h-opts .lang-btn{font-size:14px;font-weight:500;color:var(--en-btn);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.h-opts .theme-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--orange)}.h-opts .theme-btn svg{width:20px;height:20px}.btn-cv{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:9999px;background:linear-gradient(90deg,#4f319d,#6845c2);color:#fff;font-size:18px;line-height:28px;font-weight:500;box-shadow:var(--sh-lg);white-space:nowrap}.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--burger-fg)}.burger svg{width:24px;height:24px}.shell{max-width:1280px;margin-inline:auto;padding-inline:48px;position:relative;z-index:1}main{padding:40px 80px 136px}.hero{padding-block:185.5px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero .inner{max-width:672px;display:flex;flex-direction:column;align-items:center;gap:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;border-radius:9999px;background:var(--badge-bg);color:var(--badge-fg);font-size:14px;line-height:16px;font-weight:700}.badge .st{font-size:12px}h1{font-size:clamp(44px,7vw,96px);line-height:clamp(52px,7vw,96px);font-weight:900;color:var(--h1-color);letter-spacing:-.5px;width:100%}.ln{display:block;white-space:nowrap}h1 .grad{background:linear-gradient(90deg,var(--grad-1),var(--grad-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:20px;line-height:28px;color:var(--body);padding-top:8px}.hero-ctas{display:flex;gap:16px;justify-content:center;padding-top:24px}.pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;border-radius:9999px;font-size:18px;line-height:28px;font-weight:700;min-height:44px;transition:transform .2s,box-shadow .2s}.pill-btn:hover{transform:translateY(-2px)}.pill-dark{background:var(--pill-dark-bg);color:var(--pill-dark-fg);box-shadow:var(--sh-lg)}.pill-outline{border:2px solid var(--pill-outline-bd);color:var(--pill-outline-fg)}.marquee{position:relative;z-index:1;overflow:hidden;margin-top:-81px;margin-bottom:25px;height:56px;display:flex;align-items:center;direction:ltr;max-width:100%}.marquee .track{display:flex;gap:16px;align-items:center;white-space:nowrap;animation:slide 32s linear infinite}.marquee span{font-size:24px;line-height:36px;font-weight:500;color:var(--purple-d)}.marquee span.st{color:var(--orange)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee .track{animation:none}}.about{padding-top:96px;display:flex;gap:64px;align-items:center;justify-content:space-between}.about-photo{position:relative;width:488px;flex:none;max-width:100%}.about-photo .glow{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:32px;filter:blur(40px);opacity:.2;background:linear-gradient(45deg,#1153b98a,#a9c7f95c)}.about-photo .fr{position:relative;border:8px solid var(--about-photo-bd);border-radius:32px;overflow:hidden;box-shadow:0 25px 50px #a7a7a705;aspect-ratio:1/1}.about-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-text{width:480px;flex:none;display:flex;flex-direction:column;gap:32px;max-width:100%}.name-wrap{position:relative}.name-wrap .b{font-size:clamp(36px,5vw,64px);line-height:1.1;font-weight:600;color:var(--name-color);display:block}.name-wrap .s{position:absolute;inset-block-start:6px;inset-inline-start:0;font-size:clamp(36px,5vw,64px);line-height:1.1;font-weight:600;color:var(--name-shadow);display:block;z-index:-1}.role{font-size:16px;line-height:24px;font-weight:700;color:var(--role-color)}.meta-row{display:flex;gap:8px;align-items:center}.mchip{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:8px;padding:8px 32px;font-size:14px;line-height:21px;background:var(--mchip-bg);border:1px solid var(--mchip-bd);color:var(--mchip-fg)}.mchip.sq{padding:8px 12px;background:var(--mchip-sq-bg);border-color:var(--mchip-sq-bd);color:var(--mchip-sq-fg)}.mchip.sq .ico{width:22px;height:22px}.about-bio{font-size:18px;line-height:29px;color:var(--body)}.stats{display:flex;gap:24px}.stat{flex:1;background:var(--stat-bg);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.stat .n{font-size:36px;line-height:40px;font-weight:900;color:var(--stat-n);direction:ltr;text-align:start}.stat .l{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.7px;color:var(--body)}.projects{padding-top:192px;padding-bottom:96px;display:flex;flex-direction:column;gap:64px}.proj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.proj-head h2{font-size:clamp(36px,5vw,60px);line-height:1.1;font-weight:900;color:var(--h2-color)}.proj-head p{font-size:18px;line-height:28px;max-width:384px;padding-bottom:8px}.prow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.pcard{min-width:0;background:var(--card);border:1px solid var(--cardb);border-radius:24px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:24px;cursor:pointer;transition:transform .2s,box-shadow .2s}.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}.pmedia{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;flex:1 1 auto}.pmedia img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pbody{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 16px 16px}.pbody .txt{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}.pcat{font-size:14px;line-height:20px;font-weight:700;color:var(--orange)}.pcard h3{font-size:clamp(20px,2vw,24px);line-height:1.3;font-weight:900;color:var(--h3-color);word-break:normal;overflow-wrap:break-word;text-wrap:balance;-webkit-hyphens:none;hyphens:none}.pdesc{font-size:14px;line-height:20px;color:var(--body)}.parrow{width:40px;height:40px;border-radius:9999px;background:var(--parrow-bg);border:1px solid var(--parrow-bd);display:flex;align-items:center;justify-content:center;flex:none;color:var(--orange);min-height:44px;min-width:44px}.parrow svg{width:20px;height:20px}.skills{background:var(--skills-bg);border-radius:48px;padding:96px 40px;display:flex;flex-direction:column;gap:64px}.skills .head{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.skills h2{font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:900;color:var(--h2-color)}.skills .head p{font-size:16px;line-height:24px;max-width:672px}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.spill{display:inline-flex;align-items:center;gap:12px;background:var(--spill-bg);border:1px solid var(--line);border-radius:9999px;padding:16px 32px;box-shadow:var(--sh-sm);font-size:16px;line-height:24px;font-weight:700;color:var(--spill-fg)}.spill svg{width:20px;height:20px;color:var(--orange)}.exp{padding-block:96px;display:flex;flex-direction:column;gap:64px}.exp h2{font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:900;color:var(--h2-color);text-align:start}.exp .list{display:flex;flex-direction:column;gap:48px}.exp-row{display:flex;gap:32px;padding-bottom:48px;border-bottom:1px solid var(--line)}.exp-row:last-child{border-bottom:0;padding-bottom:0}.exp-year{width:128px;flex:none;font-size:20px;line-height:28px;font-weight:900;color:var(--orange);text-align:start;direction:ltr}.exp-main{flex:1;display:flex;flex-direction:column;gap:8px}.exp-main h3{font-size:clamp(22px,2.5vw,30px);line-height:1.2;font-weight:900;color:var(--purple-d)}.exp-org{font-size:16px;line-height:24px;font-weight:700;color:var(--body)}.exp-desc{font-size:16px;line-height:26px;padding-top:8px}.certs{padding-top:96px;padding-bottom:192px;display:flex;flex-direction:column;gap:48px}.certs h2{font-size:clamp(28px,3vw,36px);line-height:1.1;font-weight:900;color:var(--h3-color);text-align:center}.certs .row{display:flex;gap:32px;justify-content:center}.cert{width:320px;border-radius:24px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cert.peach{background:var(--cert-peach-bg);border:1px solid var(--cert-peach-bd)}.cert.violet{background:var(--cert-violet-bg);border:1px solid var(--cert-violet-bd)}.cert .bx{width:64px;height:64px;border-radius:16px;background:var(--cert-bx-bg);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center}.cert h4{font-size:20px;line-height:28px;font-weight:900;padding-top:16px}.cert.peach h4{color:var(--orange-3)}.cert.peach .bx{color:var(--peach)}.cert.violet h4,.cert.violet .bx{color:var(--lilac)}.cert p{font-size:14px;line-height:20px;color:var(--body)}.cert svg{width:32px;height:32px}.contact{position:relative;border-radius:48px;padding:80px;overflow:hidden;background:var(--contact-bg)}.contact .orb{position:absolute;inset-inline-start:-64px;top:-128px;width:256px;height:256px;border-radius:9999px;background:#ffffff1a;filter:blur(64px)}.contact .in{position:relative;display:flex;gap:64px;align-items:center;justify-content:center}.ct-text{width:400px;flex:none;display:flex;flex-direction:column;gap:32px;align-items:flex-start;max-width:100%}.ct-text h2{font-size:clamp(36px,5vw,60px);line-height:1.15;font-weight:900;color:var(--contact-h2)}.ct-text .p{font-size:20px;line-height:28px;color:var(--contact-p)}.ct-socials{display:flex;gap:10px}.ct-socials a{width:49px;height:50px;border-radius:10px;background:var(--ct-social-bg);border:1px solid var(--ct-social-bd);display:flex;align-items:center;justify-content:center;color:var(--contact-h2);min-height:44px;min-width:44px}.ct-socials svg{width:24px;height:24px}.ct-list{display:flex;flex-direction:column;gap:24px;padding-top:16px;width:100%}.ct-item{display:flex;align-items:center;gap:16px}.ct-item .bx{width:49px;height:49px;border-radius:12px;background:var(--ct-item-bg);border:1px solid var(--ct-item-bd);display:flex;align-items:center;justify-content:center;color:var(--contact-h2);flex:none}.ct-item .bx svg{width:20px;height:20px}.ct-item .v{font-size:18px;line-height:28px;font-weight:700;color:var(--contact-h2);direction:ltr}.ct-form{width:400px;flex:none;background:var(--ct-form-bg);border:1px solid var(--ct-form-bd);border-radius:32px;padding:40px 40px 56px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%}.ct-form form{display:flex;flex-direction:column;gap:24px}.fld{display:flex;flex-direction:column;gap:8px}.fld label{font-size:14px;line-height:20px;font-weight:700;color:var(--fld-label)}.fld input,.fld textarea{width:100%;background:var(--fld-input-bg);border:1px solid var(--fld-input-bd);border-radius:12px;padding:11px 20px;font-family:var(--ff);font-size:13px;line-height:20px;color:var(--fld-input-fg);resize:none}html[dir=ltr] .fld input,html[dir=ltr] .fld textarea{font-family:var(--ff-en)}.fld input::-moz-placeholder,.fld textarea::-moz-placeholder{color:var(--fld-ph)}.fld input::placeholder,.fld textarea::placeholder{color:var(--fld-ph)}.fld textarea{height:130px;padding-top:16px;line-height:24px}.fld input:focus,.fld textarea:focus{outline:2px solid var(--orange);outline-offset:-1px}.submit{border-radius:12px;padding:20px;background:var(--submit-bg);color:#fff;font-size:16px;line-height:24px;font-weight:900;text-align:center;box-shadow:var(--sh-lg);min-height:44px}footer{background:var(--footer-bg);border-top:1px solid var(--line);border-radius:50px 50px 0 0;padding:48px 0;position:relative;z-index:1}footer .in{max-width:1280px;margin-inline:auto;padding-inline:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .logo{color:var(--footer-fg)}.f-links{display:flex;align-items:center;gap:24px}.f-links a{display:inline-flex;align-items:center;gap:10px;flex-direction:row-reverse;color:var(--footer-link-fg);font-size:16px;line-height:26px}.f-links .bub{width:38px;height:37px;border-radius:100px;background:var(--footer-bub-bg);border:1px solid var(--footer-bub-bd);display:flex;align-items:center;justify-content:center}.f-links svg{width:19px;height:19px;color:#fff}.f-links .lbl{font-style:normal}.copy{font-size:14px;line-height:20px;color:var(--footer-fg)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--menu-bg);display:none;flex-direction:column;align-items:center;justify-content:center;gap:48px}.menu.open{display:flex}.menu .close{position:absolute;inset-inline-start:21px;top:13px;width:44px;height:44px;border-radius:9999px;background:var(--parrow-bg);border:1px solid var(--parrow-bd);display:flex;align-items:center;justify-content:center;color:var(--orange)}.menu .close svg{width:20px;height:20px}.menu nav{display:flex;flex-direction:column;align-items:center;gap:32px}.menu nav a{font-size:20px;line-height:20px;font-weight:500;color:var(--nav-link);min-height:44px;display:inline-flex;align-items:center}.menu .opts{display:flex;align-items:center;gap:16px}.menu .opts .lang-btn{font-size:20px;color:var(--en-btn);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.menu .opts .theme-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--orange)}.detail-hdr .in{max-width:1232px}.back-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--nav-link);min-height:44px}.back-btn .bx{width:40px;height:40px;border-radius:9999px;background:var(--parrow-bg);border:1px solid var(--parrow-bd);display:flex;align-items:center;justify-content:center}.back-btn svg{width:16px;height:16px}.detail-hero{position:relative;min-height:720px;padding-block:150.75px 54.75px;display:flex;align-items:center;overflow:hidden}.detail-hero .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.detail-hero .bg .b1{position:absolute;inset-inline-start:-200px;top:-100px;width:600px;height:600px;border-radius:9999px;background:linear-gradient(135deg,#ef55002e,#ef55000f);filter:blur(60px)}.detail-hero .bg .b2{position:absolute;inset-inline-end:-200px;bottom:-100px;width:600px;height:600px;border-radius:9999px;background:linear-gradient(135deg,#4f319d2e,#4f319d0f);filter:blur(60px)}.detail-hero .in{position:relative;display:flex;gap:40px;align-items:center;justify-content:space-between;max-width:1280px;margin-inline:auto;padding-inline:32px;width:100%}.detail-hero .hero-txt{flex:1;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.tagpill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:var(--tagpill-bg);border:1px solid var(--tagpill-bd);font-size:14px;font-weight:700;color:var(--orange)}.tagpill i{width:8px;height:8px;border-radius:9999px;background:var(--orange)}.detail-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.1}.detail-hero .hero-lead{font-size:18px;line-height:28px;color:var(--body);max-width:480px}.detail-hero .hero-img{width:488px;flex:none;max-width:100%}.detail-hero .hero-img .fr{border:8px solid var(--hero-img-bd);border-radius:32px;overflow:hidden;box-shadow:0 25px 50px #00000014;aspect-ratio:4/3}.detail-hero .hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.goal{padding-block:128px}.goal .in{display:flex;gap:64px;align-items:center;justify-content:space-between;max-width:1280px;margin-inline:auto;padding-inline:32px}.goal-img{width:488px;flex:none;max-width:100%}.goal-img img{width:100%;border-radius:24px;-o-object-fit:cover;object-fit:cover}.goal-card{width:560px;flex:none;background:var(--goal-card-bg);border:1px solid var(--goal-card-bd);border-radius:32px;padding:48px;display:flex;flex-direction:column;gap:16px;max-width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.goal-card .bigico{width:64px;height:64px;color:var(--orange)}.goal-card h2{font-size:clamp(28px,3vw,36px);line-height:1.2;font-weight:700;color:var(--h2-color)}.goal-card p{font-size:16px;line-height:26px;color:var(--body)}.feat{padding-block:128px;background:var(--feat-bg)}.feat .head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:64px}.feat h2{font-size:clamp(32px,4vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.96px;color:var(--h2-color)}.feat .head p{font-size:20px;line-height:32px;max-width:672px}.frow{display:flex;gap:24px;align-items:stretch}.frow+.frow{margin-top:24px}.fcard{background:var(--fcard-bg);border:1px solid var(--fcard-bd);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;min-height:250px}.fcard.lg{flex:1 1 803px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.fcard.sm{flex:0 1 389px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.fcard .bigico{width:64px;height:64px;position:relative}.fcard.lg .bigico{align-self:flex-start}.fcard.lg .txt{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:491px;align-self:flex-start}.fcard h3{font-size:clamp(22px,2.5vw,32px);line-height:1.25;font-weight:600;color:var(--fcard-h3)}.fcard.sm h3{color:var(--fcard-sm-h3)}.fcard p{font-size:16px;line-height:26px;color:var(--body)}.fcard.sm p{line-height:20px;max-width:243px}.i-orange{color:var(--orange)}.i-indigo{color:var(--indigo)}.proto{position:relative;padding-block:160px;background:var(--page)}.proto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--proto-bg)}.proto .in{position:relative;display:flex;gap:40px;align-items:center;max-width:1280px;margin-inline:auto;padding-inline:32px}.proto-frame{width:587px;flex:none;background:var(--proto-frame-bg);border:1px solid var(--proto-frame-bd);border-radius:32px;padding:16px;box-shadow:0 20px 40px #0000000d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:100%}.proto-frame .screen{position:relative;border-radius:24px;overflow:hidden;background:#1c1c1a;aspect-ratio:553/983}.proto-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9}.proto-frame .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:9999px;background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:#fff}.proto-txt{width:589px;flex:none;padding-inline-end:48px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:100%}.proto-txt h2{font-size:clamp(28px,3vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.96px;color:var(--h2-color)}.proto-txt .lead{font-size:16px;line-height:26px;padding-top:8px}.pfeats{display:flex;flex-direction:column;gap:16px;padding-top:16px;width:100%}.pf{display:flex;align-items:center;gap:16px;background:var(--pf-bg);border:1px solid var(--pf-bd);border-radius:12px;padding:16px}.pf .bx{width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex:none}.pf .bx svg{width:22px;height:22px}.pf .t{font-size:16px;line-height:26px;font-weight:700}.pf .s{font-size:12px;line-height:16px;font-weight:700;color:var(--body)}@media (max-width: 1279px){.prow{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){main{padding:40px 40px 120px}.about{flex-direction:column-reverse;gap:40px}.about-photo,.about-text{width:100%;max-width:488px}.contact{padding:56px}.contact .in{flex-wrap:wrap;gap:40px}.ct-text,.ct-form{width:100%;max-width:100%}.detail-hero .in,.goal .in,.proto .in{flex-wrap:wrap}.detail-hero .hero-txt,.goal-card,.goal-img,.proto-frame,.proto-txt{width:100%;max-width:100%}.detail-hero .hero-img{flex:1 1 100%}.proto-txt{padding-inline-end:0}.frow{flex-wrap:wrap}.fcard.lg,.fcard.sm{flex:1 1 380px}}@media (max-width: 1023px){.nav,.hgroup .btn-cv,.hgroup .h-opts{display:none}.burger{display:inline-flex}.hdr .in{min-height:65px;padding:16px 24px}.shell{padding-inline:0}main{padding:40px 24px 136px}.hero{padding-block:120px}.proj-head{flex-direction:column;align-items:flex-start;gap:16px}.projects{padding-top:120px}.prow{grid-template-columns:1fr}.skills{border-radius:32px;padding:80px 24px}.exp-row{flex-direction:column;gap:8px;padding-inline-end:32px}.exp-year{width:auto}.certs .row{flex-direction:column;align-items:center}.cert{width:100%;max-width:342px}.certs{padding-bottom:96px}.contact{padding:48px 24px}footer .in{flex-direction:column;gap:24px;padding-inline:24px}.f-links .lbl{display:none}.f-links{gap:24px}.marquee{margin-top:-60px;margin-bottom:16px}.marquee span{font-size:18px}.detail-hero{min-height:auto;padding-block:96px 64px}.goal,.feat,.proto{padding-block:96px}.goal-card{padding:32px}.frow{flex-direction:column}}@media (max-width: 640px){.hero-ctas{flex-direction:column;width:100%}.pill-btn{width:100%}.stats{flex-direction:column}.ct-form{padding:24px 24px 32px}.pmedia{aspect-ratio:16 / 10}.about-photo,.goal-img{width:100%}}.overflow-hidden{overflow:hidden}.max-w-full{max-width:100%}