:root{--bg:#03060d;--side:#060b15;--card:#0b1220;--card2:#0f192b;--text:#f1f5ff;--muted:#7e8ba0;--line:rgba(162,193,241,.105);--violet:#5e91ff;--cyan:#35c9c0;--warm:#789cff;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;z-index:-1}.layout{display:grid;grid-template-columns:318px minmax(0,1fr);max-width:1440px;margin:auto;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 22px;border-left:2px solid rgba(94,145,255,.34);background:linear-gradient(180deg,var(--side),rgba(6,11,21,.96));box-shadow:16px 0 46px rgba(0,0,0,.48);z-index:2;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:bold}.mark{width:40px;height:40px;background:var(--violet);color:#120c20;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;box-shadow:0 0 28px rgba(167,139,250,.25)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.4px;line-height:1.5}.portrait{margin:28px 0 20px;position:relative}.portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 25%;border-radius:20px;filter:grayscale(100%);border:1px solid var(--line)}.portrait:after{content:"";position:absolute;width:50px;height:50px;border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan);bottom:-9px;left:-8px;border-radius:0 0 0 15px}.identity h2{font-size:18px;margin:0}.identity p{color:var(--muted);font-size:11px;margin:2px 0 0}.nav{margin-top:27px;display:grid;gap:5px;padding:10px 8px;background:linear-gradient(180deg,rgba(16,27,45,.95),rgba(9,16,29,.95));border:1px solid rgba(94,145,255,.28);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.18)}.nav a{color:var(--muted);font-size:12px;padding:11px 13px;border-radius:10px;transition:.2s;display:flex;align-items:center;gap:9px}.nav a:before{margin-left:0;opacity:.45}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(94,145,255,.2),rgba(53,201,192,.06));color:var(--text);box-shadow:inset 4px 0 0 var(--violet),0 0 18px rgba(94,145,255,.08)}.nav a:hover,.nav a.active{background:rgba(167,139,250,.1);color:var(--violet)}.nav a:before{content:"—";color:var(--violet);opacity:.6}.side-bottom{color:var(--muted);font-size:10px}.side-bottom a{color:var(--text);margin-left:8px}.lang{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 9px;font:inherit;font-size:10px;cursor:pointer;margin-top:14px}.main{min-width:0}.topbar{height:62px;padding:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:var(--muted)}.crumb b{color:var(--text)}.availability{font-size:11px;color:var(--cyan);display:flex;align-items:center;gap:8px}.availability i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.section{padding:62px 6%;border-bottom:1px solid var(--line);max-width:1180px}.hero{min-height:540px;display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;position:relative}.eyebrow{font-size:11px;color:var(--violet);font-weight:bold;letter-spacing:1px}.hero h1{font-size:clamp(41px,5.2vw,75px);line-height:1.07;letter-spacing:-2px;margin:17px 0 20px}.hero h1 em{font-style:normal;color:var(--violet)}.lead{font-size:15px;color:var(--muted);max-width:560px;margin:0 0 26px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{font-size:12px;border-radius:10px;padding:11px 15px;font-weight:bold}.primary{background:var(--violet);color:#130d21}.secondary{border:1px solid var(--line);color:var(--text)}.primary:hover,.secondary:hover{transform:translateY(-2px);transition:.2s}.hero-visual{height:415px;position:relative}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center 23%;border-radius:25px;filter:grayscale(25%);border:1px solid var(--line)}.visual-tag{position:absolute;bottom:20px;right:-22px;background:rgba(17,23,34,.91);border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:11px;backdrop-filter:blur(14px)}.visual-tag strong{display:block;color:var(--cyan);font-size:15px}.visual-tag span{color:var(--muted)}.corner{position:absolute;top:-15px;left:-15px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);width:75px;height:75px;border-radius:17px 0 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.kicker{color:var(--cyan);font-size:10px;letter-spacing:1px;font-weight:bold}.section h2{font-size:29px;line-height:1.2;margin:7px 0 0}.section-note{max-width:330px;color:var(--muted);font-size:12px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:38px}.about p{font-size:14px;color:var(--muted);margin-top:0}.quote{border-right:2px solid var(--violet);padding:4px 17px;font-size:19px;color:var(--text);margin-top:25px}.skills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:14px}.skill b{font-size:13px}.skill p{font-size:11px;margin:3px 0;color:var(--muted)}.bar{height:3px;background:#293241;border-radius:3px;margin-top:14px}.bar i{display:block;height:100%;width:82%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:3px}.bar i.two{width:74%}.bar i.three{width:65%}.bar i.four{width:79%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--card);padding:21px;border:1px solid var(--line);border-radius:16px;min-height:205px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:rgba(167,139,250,.55);transform:translateY(-3px);transition:.2s}.card-top{display:flex;justify-content:space-between;color:var(--cyan);font-size:10px}.card h3{font-size:17px;margin:20px 0 5px}.card p{font-size:12px;color:var(--muted);margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:9px;color:#c9bcff;background:#241d42;border-radius:5px;padding:4px 7px}.photo-strip{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;height:270px}.photo-strip img{width:100%;height:100%;object-fit:cover;border-radius:16px;filter:grayscale(25%);border:1px solid var(--line)}.photo-strip img:nth-child(1){object-position:center 27%}.photo-strip img:nth-child(2){object-position:center 20%}.photo-strip img:nth-child(3){object-position:center 36%}.story-image{margin-top:30px;height:260px;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line)}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.8) contrast(1.05)}.story-image:after{content:"BACKEND / SYSTEMS / API";position:absolute;bottom:17px;right:20px;color:var(--cyan);font:10px monospace;letter-spacing:2px;background:rgba(3,6,13,.7);padding:8px 10px;border-radius:6px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}.story-copy{color:var(--muted);font-size:14px}.story-copy p{margin-top:0;margin-bottom:18px}.en-copy{display:none}body.english .fa-copy{display:none}body.english .en-copy{display:block}.story-layout .story-image{height:100%;min-height:280px;margin-top:0}.story-layout .story-image img{object-position:center}.story-image-caption{position:absolute;left:20px;bottom:17px;color:var(--text);font:10px monospace;letter-spacing:1.5px;background:rgba(3,6,13,.72);padding:8px 10px;border-radius:6px;z-index:1}.story-image-caption .fa,.story-image-caption .en,.story-image-caption .ar{display:none}body:not(.english) .story-image-caption .fa{display:inline}.english .story-image-caption .en{display:inline}.ar .story-image-caption .ar{display:inline}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(125deg,#16162a,#102629);border:1px solid rgba(82,230,219,.2);border-radius:20px;padding:34px}.contact-box h2{margin:0 0 7px}.contact-box p{color:var(--muted);font-size:12px;margin:0}.contact-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.contact-links a{font-size:11px;border:1px solid var(--line);padding:8px 11px;border-radius:8px}.contact-links a:hover{color:var(--cyan);border-color:var(--cyan)}footer{padding:25px 7%;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.certificates{margin-top:55px}.certificates-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:20px}.certificates-head h3{font-size:21px;margin:4px 0 0}.certificates-head p{color:var(--muted);font-size:11px;margin:0;max-width:330px}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cert{display:block;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.cert:hover{border-color:var(--cyan);transform:translateY(-3px)}.cert img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.cert-info{padding:11px 12px}.cert-info b{font-size:11px;display:block}.cert-info span{font-size:10px;color:var(--muted)}@media(max-width:960px){.cert-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.certificates-head{display:block}.certificates-head p{margin-top:8px}.cert-grid{grid-template-columns:1fr 1fr}}.ar{display:none}.en{display:none}.top-lang{width:100%;margin:0 0 18px;padding:9px 12px;border:1px solid rgba(94,145,255,.3);border-radius:10px;background:rgba(94,145,255,.08);color:var(--text);font:inherit;font-size:11px;cursor:pointer;text-align:center}.top-lang:hover{border-color:var(--cyan);color:var(--cyan)}.story-layout .story-image{height:auto;min-height:100%}.story-layout .story-image img{min-height:100%}body.english{direction:ltr}body.english .fa{display:none}body.english .ar{display:none}body.english .en{display:inline}body.ar .fa,body.ar .en{display:none}body.ar .ar{display:inline}body.ar .en-copy{display:block}body.english .sidebar{border-left:0;border-right:1px solid var(--line)}body.english .portrait:after{left:auto;right:-8px;border-left:0;border-right:2px solid var(--cyan);border-radius:0 0 15px 0}body.english .quote{border-right:0;border-left:2px solid var(--violet)}
@media(max-width:960px){.layout{grid-template-columns:240px 1fr}.section{padding-left:5%;padding-right:5%}.topbar{padding:0 5%}.hero{grid-template-columns:1fr;gap:35px}.hero-visual{height:430px;max-width:600px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.layout{display:block}.sidebar{height:auto;position:relative;border:0;border-bottom:1px solid var(--line);padding:16px 20px;display:block}.portrait{display:none}.identity{display:inline-block;margin-right:10px;vertical-align:middle}.brand{display:inline-flex}.nav{display:flex;overflow:auto;margin-top:16px;gap:3px}.nav a{white-space:nowrap;font-size:11px}.side-bottom{display:none}.topbar{height:58px}.section{padding-top:65px;padding-bottom:65px}.hero{min-height:auto;padding-top:50px}.hero h1{font-size:45px}.hero-visual{height:370px}.section-head{display:block}.section-note{margin-top:12px}.about,.skills,.cards,.story-layout{grid-template-columns:1fr}.photo-strip{height:180px;gap:7px}.contact-box{display:block;padding:25px}.contact-links{justify-content:flex-start;margin-top:20px}footer{display:block}.english .identity{margin-left:10px;margin-right:0}}