:root{--bg:#080c16;--surface:#111827;--text:#edf3ff;--muted:#9baac2;--line:#253044;--accent:#74d9ff;color-scheme:dark}body{background:radial-gradient(ellipse at 78% 7%,#142844 0,transparent 37%),var(--bg)}.header{min-height:100px;border-color:#ffffff17}.brand{letter-spacing:-1px;font-weight:600}.brand-mark{color:#9f95ff}.header nav{gap:25px}.language{border-color:#4a5b75;border-radius:50px;padding:7px 16px}.hero{padding-top:68px}.hero-grid{grid-template-columns:1.4fr 1fr;gap:65px}.intro{font-size:16px;color:#cad7eb}.intro-divider{padding:0 8px;color:#697c98}h1{font-size:clamp(50px,6.3vw,88px);line-height:1.04;letter-spacing:-4px;font-weight:500}h1 em{background:linear-gradient(100deg,#87e7ff,#a49eff);background-clip:text;color:transparent}.hero-description{max-width:580px;line-height:1.85}.primary{background:#dceeff;border-radius:50px;padding:15px 23px;color:#142038;box-shadow:0 6px 32px #74d9ff12}.primary:hover{background:#a8e5ff;color:#080c16;transform:translateY(-2px)}.primary,.language{transition:background .2s,transform .2s}.identity,html[lang=fa] .identity{transform:none;margin:0;border-radius:18px;padding:29px;background:linear-gradient(145deg,#20324b99,#0c1425);border:1px solid #546b904d;box-shadow:0 28px 80px #0005;position:relative;overflow:hidden}.identity:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#74d9ff,#a79aff,transparent)}.identity-top{border-color:#48617e55;color:#a1b5d1;letter-spacing:1px}.routeros-word{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,4.4vw,64px);font-weight:600;letter-spacing:-3px;line-height:1.2;margin-top:40px;direction:ltr}.routeros-word>span{font-size:17px;vertical-align:top;letter-spacing:0;margin-inline-start:5px}.panel-role{color:var(--accent);margin:8px 0 27px;font-size:18px}.profile-stack{display:grid;gap:18px}.profile-stack>div{display:flex;flex-direction:column;gap:4px}.profile-stack span{font-size:11px;letter-spacing:1.5px;color:#8ea6c4;font-family:monospace}.profile-stack strong{font-size:14px;font-weight:400;color:#d8e4f5;direction:ltr}.panel-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #48617e55;margin-top:28px;padding-top:16px;color:#8ea6c4;font-family:monospace;font-size:11px;letter-spacing:1px}.panel-signature{font-family:'Space Grotesk',sans-serif;font-size:32px;line-height:1;color:#c3d6f0}.hero-footer{border-color:var(--line);margin-top:66px;color:var(--muted)}.about h3{font-size:38px}.credentials strong{color:#d3e8ff}.credentials span{font-size:14px}.mikrotik-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;border-top:1px solid var(--line)}.specialty-label{display:inline-block;padding:5px 11px;border:1px solid #566d8d;border-radius:50px;font-family:monospace;font-size:12px;letter-spacing:1.4px;color:#c4bfff;margin-bottom:25px}.mikrotik-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,3.5vw,49px);line-height:1.15;letter-spacing:-2px}.mikrotik-heading em{font-style:normal;color:#a7a3ff}.mikrotik-heading p{color:var(--muted);font-size:17px;line-height:1.8;margin:25px 0}.mikrotik-heading .tags{margin-top:22px}.mikrotik-capabilities{display:grid}.mikrotik-capabilities article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.mikrotik-capabilities article:first-child{padding-top:0}.capability-number{font-family:monospace;color:#83b8e7;font-size:13px;padding-top:5px}.mikrotik-capabilities h3{margin:0 0 8px;font-size:21px;font-weight:500}.mikrotik-capabilities p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.expertise{background:#0e1524;border-color:#263449}.expertise-grid{gap:17px}.expertise-grid article{background:linear-gradient(155deg,#1b2940,#111a2b);border-color:#30415b;border-radius:12px;transition:transform .25s,border-color .25s}.expertise-grid article:hover{transform:translateY(-5px);border-color:#7b9fca}.category{color:#92a7c5}.tags span{background:#23314a;color:#cadcf4;border:1px solid #3e517066;font-size:12px}.symbol{color:#9eacff}.work-row{transition:background .2s;padding-inline:12px}.work-row:hover{background:#15213760}.closing{background:linear-gradient(115deg,#11233b99,#19142b66);border:1px solid #384763;border-radius:18px;padding:46px;margin-bottom:50px}.closing-name{background:linear-gradient(110deg,#edf3ff,#919ec6);background-clip:text;color:transparent}.closing-name span{color:#9aabff}.footer{color:var(--muted)}html[lang=fa] .mikrotik-heading h2{font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:0;line-height:1.5}html[lang=fa] .specialty-label{letter-spacing:0}html[lang=fa] h1{font-size:clamp(42px,5.2vw,70px)}@media(max-width:1100px){.hero-grid{gap:30px}.identity{padding:24px}.mikrotik-section{gap:40px}.header nav{gap:18px}.hero-description{font-size:16px}}@media(max-width:780px){.header{flex-wrap:wrap;padding-block:18px;gap:15px}.header nav{order:3;width:100%;justify-content:space-between;font-size:14px;gap:10px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:38px}h1{font-size:clamp(48px,10vw,72px);letter-spacing:-2.5px}.identity{width:100%;max-width:460px;margin:20px auto 0!important;padding:27px}.routeros-word{font-size:54px;margin-top:28px}.mikrotik-section{grid-template-columns:1fr;gap:35px}.mikrotik-heading h2{font-size:40px}.mikrotik-capabilities h3{font-size:20px}.closing{padding:30px 24px}.about h3{font-size:30px}.intro{font-size:14px}.credentials{row-gap:20px}.credentials span{font-size:13px}.hero-footer{margin-top:40px}.hero-footer .domain{display:none}.brand{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}}
.portfolio-intro{color:var(--muted);font-size:16px;line-height:1.8;max-width:780px;margin:-5px 0 34px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-card{border:1px solid #30415b;border-radius:16px;overflow:hidden;background:#111a2b;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#7e9cc5}.project-visual{padding:22px 25px;background:linear-gradient(130deg,#1b3150,#181c37);border-bottom:1px solid #30415b}.project-card:nth-child(3n+2) .project-visual{background:linear-gradient(130deg,#20244c,#152c3c)}.project-card:nth-child(3n) .project-visual{background:linear-gradient(130deg,#123443,#18273b)}.project-visual-header{display:flex;justify-content:space-between;gap:12px;font:11px monospace;letter-spacing:1px;color:#9eb2d2;direction:ltr}.flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr;min-height:142px}.flow-diagram>span{padding:12px 10px;border:1px solid #547391;border-radius:7px;font-size:13px;color:#d7e8ff;flex:1;text-align:center;background:#0b172770}.flow-diagram .flow-center{border-color:#7acbff;color:#a8e7ff;background:#22496880}.flow-diagram b{color:#89a8d3;font-weight:400}.project-visual-footer{color:#bbcce4;font-size:12px}.project-copy{padding:26px}.project-copy h3{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:25px;line-height:1.3;margin:0 0 15px;letter-spacing:-.6px}.project-copy p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 23px}.project-stack{border-top:1px solid #2a3b54;padding-top:17px;color:#aac7e9;font-size:13px}.toolkit{background:#0e1524;border-block:1px solid var(--line)}.toolkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.toolkit-grid>div{border-inline-start:2px solid #777ba8;padding-inline-start:20px}.toolkit-grid h3{font-size:18px;font-weight:500;margin:0 0 13px}.toolkit-grid p{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.professional{display:grid;grid-template-columns:1fr 2fr;gap:60px}.professional h3{font-size:32px;line-height:1.3;margin:0 0 23px;font-weight:500}.professional p{color:var(--muted);line-height:1.9;margin:0}.professional-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.professional-notes h4{margin:0 0 12px;font-weight:500;font-size:16px;color:#c4c5ff}.professional-notes p{font-size:14px}html[lang=fa] .project-copy h3{font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:0}@media(max-width:850px){.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.professional{grid-template-columns:1fr;gap:30px}.project-grid{gap:18px}.project-visual{padding:20px 16px}.flow-diagram{gap:5px}.flow-diagram>span{font-size:12px;padding:10px 6px}}@media(max-width:620px){.project-grid,.toolkit-grid,.professional-notes{grid-template-columns:1fr}.project-visual{padding:22px}.project-copy{padding:24px}.project-copy h3{font-size:23px}.flow-diagram>span{font-size:13px}.professional h3{font-size:27px}.hero-footer .domain{display:none}}
.noc-profile{border-bottom:1px solid var(--line)}.noc-profile-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.noc-profile-layout h3{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:500;line-height:1.25;letter-spacing:-1px;margin:0 0 24px}.noc-profile-layout p{font-size:16px;color:var(--muted);line-height:1.85;margin:0 0 20px}.noc-priorities{display:grid;grid-template-columns:1fr 1fr;gap:24px}.noc-priorities article{border-top:2px solid #647fba;padding-top:17px}.noc-priorities h4{font-weight:500;font-size:18px;line-height:1.4;color:#d4e7ff;margin:0 0 12px}.noc-priorities p{font-size:14px;margin:0}html[lang=fa] .noc-profile-layout h3{font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:0;line-height:1.5}@media(max-width:850px){.noc-profile-layout{grid-template-columns:1fr;gap:25px}.noc-profile-layout h3{font-size:31px}}@media(max-width:420px){.noc-priorities{grid-template-columns:1fr}}