@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ibm-plex-arabic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--bg:#030a17;--card:#0b1526;--line:#223654;--muted:#a9b6ca;--blue:#219dff;--purple:#7a38ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{direction:rtl;text-align:right;margin:0;background:radial-gradient(circle at 55% -10%,#0c2147 0,transparent 32%),var(--bg);color:#fff;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;overflow-x:hidden}.shell{width:min(1400px,92%);margin:auto}.bg-orb{position:fixed;border-radius:50%;filter:blur(130px);opacity:.16;pointer-events:none;z-index:-2}.o1{width:600px;height:600px;background:#176dff;right:10%;top:-300px}.o2{width:500px;height:500px;background:#8138ff;left:-250px;top:100px}.top{position:sticky;top:0;z-index:50;padding:16px 0 0}.nav{height:62px;padding:0 20px;border:1px solid #2a3a59;border-radius:13px;background:#07101edb;backdrop-filter:blur(20px);box-shadow:0 15px 45px #0008;display:flex;align-items:center;gap:22px}.brand{color:#fff;text-decoration:none;font-weight:700;font-size:20px;white-space:nowrap}.brand span{color:#2da2ff;font:bold 28px Consolas}.links{display:flex;align-items:center;gap:32px;margin:auto}.links a{height:61px;display:grid;place-items:center;color:#dce4f0;text-decoration:none;font-size:14px;position:relative}.links a.active{color:#28a6ff}.links a.active:after{content:'';position:absolute;bottom:0;width:52px;height:3px;border-radius:5px;background:#2ba4ff}.nav-social{display:flex;gap:16px;direction:rtl;color:#d6deea}.btn{border-radius:9px;padding:12px 23px;color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.contact-btn,.primary{background:linear-gradient(110deg,#17c1ff,#7938ff);box-shadow:0 10px 30px #3a57ff35}.contact-btn{padding:10px 18px;white-space:nowrap}.outline{border:1px solid #6a7a96;background:#08111f}.hero{height:405px;display:grid;grid-template-columns:34% 35% 31%;direction:rtl;position:relative;border-bottom:1px solid #18304f}.portrait,.intro,.workspace{direction:rtl;text-align:right}.portrait{position:relative;height:100%;overflow:hidden}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center bottom;filter:drop-shadow(0 20px 30px #000a)}.portrait:after{content:'';position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(transparent,var(--bg))}.quote{position:absolute;z-index:5;left:8px;top:90px;border-left:3px solid var(--blue);padding:4px 16px;text-align:center;font-size:17px;line-height:1.6}.quote i{display:block;color:#4da9ff;font-size:25px}.intro{align-self:center;text-align:right;padding:0 12px;z-index:5}.hello{display:inline-block;background:#0a1424;border:1px solid #35435c;border-radius:99px;padding:6px 16px}.intro h1{font-size:56px;line-height:1;margin:14px 0 8px}.intro h1 em{font-style:normal;color:#279dff}.intro h2{font-size:23px;margin:0 0 12px}.intro p{font-size:14px;line-height:1.9;color:#c0cad8;margin:0}.actions{display:flex;gap:12px;justify-content:flex-start;margin-top:17px}.workspace{height:100%;position:relative;overflow:hidden}.workspace img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0 0 20px 20px;filter:saturate(1.08) contrast(1.03)}.workspace:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--bg) 100%),linear-gradient(0deg,var(--bg) 0,transparent 22%)}.stats{position:absolute;right:24px;top:38px;display:grid;gap:15px;z-index:10;direction:rtl;width:170px}.stats div{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;direction:rtl}.stats span{display:block;text-align:right;min-width:0}.stats b{font-size:19px;line-height:1.15;display:block;direction:ltr;unicode-bidi:isolate;text-align:right}.stats small{display:block;color:#9dacbf;font-size:10px;line-height:1.55;margin-top:4px;white-space:nowrap}.stats i{width:42px;height:42px;border-radius:11px;background:#0f2846;border:1px solid #234b77;color:#3faaff;display:grid;place-items:center;font-style:normal}.service-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0 0 18px}.service-row article{min-height:115px;margin-top:-1px;background:linear-gradient(145deg,#101a2c,#09111f);border:1px solid #263954;border-radius:14px;padding:16px;position:relative}.service-row i{position:absolute;left:14px;top:14px;width:43px;height:43px;border-radius:10px;background:#112b4c;border:1px solid #285d9b;display:grid;place-items:center;color:#40b9ff;font-style:normal;font-size:20px}.service-row h3{font-size:14px;margin:2px 0 8px;padding-left:46px}.service-row p{font-size:11px;line-height:1.8;color:#a8b4c6;margin:0}.skills{padding:0 0 18px}.skills-head,.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15263f;padding:0 0 9px}.skills-head a,.section-head a{border:1px solid #345278;border-radius:7px;padding:7px 14px;color:#cbd8e8;text-decoration:none;font-size:12px}.skills-head>div{display:flex;align-items:center;gap:9px}.skills-head h2,.section-head h2{font-size:18px;margin:0}.skills-head span,.section-head span{color:#7366ff;font:700 23px Consolas}.skills-body{display:grid;grid-template-columns:1fr 220px;gap:25px;align-items:center;margin-top:10px}.tech{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;direction:rtl}.tech div{height:72px;border:1px solid #1d2e48;border-radius:7px;background:#0c1627;display:flex;flex-direction:column;align-items:center;justify-content:center}.tech b{font-size:22px;line-height:1}.tech small{font-size:10px;color:#c0c9d6;margin-top:8px}.tech .php{font-style:italic;background:#8796ce;color:#10162d;border-radius:50%;padding:3px 6px;font-size:16px}.tech .laravel{color:#ff453f}.tech .mysql{font-size:13px;color:#42a9d7}.tech .js{background:#f4cf22;color:#111;padding:5px}.tech .boot{background:#7537e7;padding:5px 8px;border-radius:4px}.tech .win{color:#2e8cff}.tech .nginx{background:#159447;padding:5px 8px}.tech .cp{color:#f36a3e}.tech .git{color:#f25d3d}blockquote{margin:0;background:linear-gradient(145deg,#101b2d,#0a1322);border:1px solid #2a3b59;border-radius:13px;padding:18px;color:#d8e1ed;font-size:12px;line-height:1.9;position:relative}blockquote i{position:absolute;left:16px;top:5px;color:#358fff;font-size:30px}.projects{padding-bottom:25px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:10px}.cards article{background:#f7f9fc;color:#0d1524;border-radius:9px;overflow:hidden;border:1px solid #d9e1ec;box-shadow:0 10px 24px #0002}.cards img{width:100%;height:102px;object-fit:cover;display:block}.cards article>div{position:relative;padding:8px 11px 10px}.cards h3{font-size:13px;margin:0 0 2px}.cards p{font-size:10px;color:#67758a;margin:0}.cards b{position:absolute;left:10px;bottom:10px;color:#1366c7}.more{padding:65px 0;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;border-top:1px solid #172943}.more span,.contact>span{color:#48aaff}.more h2{font-size:36px;margin:10px 0}.more p{color:#9eacc1;line-height:1.9}.code-card{border:1px solid #2b3f61;border-radius:18px;background:#0a1425;padding:25px;display:grid;gap:8px}.code-card span{font:700 28px Consolas;color:#318fff}.contact{text-align:center;padding:60px 0 80px}.contact h2{font-size:38px;margin:8px 0}.contact p{color:#9eacc1;margin:0 0 22px}footer{border-top:1px solid #1a2a42;padding:18px 0;color:#b5c0d0;font-size:12px}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;direction:rtl}@media(max-width:1150px){.links,.nav-social{display:none}.hero{height:auto;grid-template-columns:1fr 1fr}.intro{grid-column:1/-1;grid-row:1;padding:55px 8% 35px}.portrait,.workspace{height:390px}.stats{display:none}.service-row{grid-template-columns:repeat(2,1fr)}.skills-body{grid-template-columns:1fr}.tech{grid-template-columns:repeat(5,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{padding-top:8px}.nav{height:54px}.contact-btn{display:none}.brand{font-size:17px}.hero{grid-template-columns:1fr}.intro h1{font-size:44px}.intro h2{font-size:20px}.portrait{height:410px;grid-row:2}.workspace{height:290px;grid-row:3}.quote{display:none}.service-row,.cards,.more{grid-template-columns:1fr}.tech{grid-template-columns:repeat(2,1fr)}.actions{flex-wrap:wrap}.skills-head,.section-head{gap:10px}.skills-head h2,.section-head h2{font-size:16px}.foot{flex-direction:column;text-align:center}.cards img{height:auto}}
.cards .project-link{display:block;color:inherit;text-decoration:none;height:100%}.cards .project-link:focus-visible{outline:3px solid #219dff;outline-offset:-3px}.cards .project-details{position:relative;padding:8px 11px 10px}.tech small{max-width:100%;padding:0 4px;text-align:center;overflow-wrap:anywhere}
.site-page{min-height:100vh;display:flex;flex-direction:column}.site-page>main{flex:1;width:100%}.site-page>.listing-page{width:min(1400px,92%)}.site-page>footer{margin-top:auto}.site-nav{position:relative}.site-nav .links{gap:clamp(16px,2vw,28px)}.menu-toggle{display:none;border:1px solid #30425f;background:#112b4c;border-radius:8px;color:#59b6ff;font-size:22px;width:40px;height:38px;cursor:pointer}.listing-page{padding:38px 0 65px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:35px}.breadcrumbs a{color:#59b6ff;text-decoration:none}.listing-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}.listing-heading h1{font-size:clamp(30px,4vw,44px);margin:18px 0 12px}.listing-heading p{color:var(--muted);font-size:15px;line-height:1.9;margin:0;max-width:650px}.item-count{border:1px solid #30425f;border-radius:99px;padding:10px 18px;color:#59b6ff;background:#0b1526;white-space:nowrap;font-size:13px}.skills-listing .tech{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.skills-listing .tech>div{height:145px;border-radius:14px;background:linear-gradient(145deg,#101a2c,#09111f)}.skills-listing .tech b{font-size:32px}.skills-listing .tech .php{font-size:23px}.skills-listing .tech .mysql{font-size:20px}.skills-listing .tech small{font-size:14px;margin-top:18px}.listing-quote{margin-top:30px;padding:25px;font-size:16px;max-width:700px}.listing-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.projects-listing .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.projects-listing .cards article{border-radius:14px}.projects-listing .cards img{height:220px}.projects-listing .cards .project-details{padding:18px 20px 24px}.projects-listing .cards h3{font-size:19px;margin-bottom:9px;padding-left:20px}.projects-listing .cards p{font-size:14px;line-height:1.8;padding-left:18px}.projects-listing .cards b{font-size:20px;left:17px;bottom:20px}.listing-empty{padding:45px;text-align:center;border:1px solid #30425f;border-radius:14px;color:var(--muted);background:#0b1526}.site-page a:focus-visible,.site-page button:focus-visible{outline:2px solid #40b9ff;outline-offset:4px}section[id]{scroll-margin-top:100px}@media(max-width:1150px){.site-nav .menu-toggle{display:block;margin-right:auto}.site-nav .site-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#07101ef5;border:1px solid #30425f;border-radius:13px;padding:12px;box-shadow:0 18px 40px #0008;margin:0;flex-direction:column;gap:0;align-items:stretch}.site-nav.nav-open .site-links{display:flex}.site-nav .site-links a{height:45px;display:flex;padding:8px 14px;border-radius:7px}.site-nav .site-links a.active{background:#112b4c}.site-nav .site-links a.active:after{display:none}.skills-listing .tech{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-listing .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.listing-page{padding:26px 0 45px}.breadcrumbs{margin-bottom:25px}.listing-heading{align-items:flex-start;flex-direction:column;gap:18px}.listing-heading h1{font-size:30px}.skills-listing .tech{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skills-listing .tech>div{height:125px}.projects-listing .cards{grid-template-columns:1fr}.projects-listing .cards img{height:200px}.listing-quote{font-size:14px}.site-nav{gap:12px}.listing-empty{padding:30px}}
.tech .tech-logo{display:flex;align-items:center;justify-content:center}.tech-logo img{display:block;width:28px;height:32px;object-fit:contain}.skills-listing .tech-logo img{width:44px;height:50px}
.social-links a,.social-links>span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:30px;color:inherit;text-decoration:none;font-weight:700;transition:color .15s}.social-links a:hover{color:#40b9ff}.footer-social{display:flex;align-items:center;gap:12px;flex-shrink:0}
.social-links img{display:block;width:20px;height:20px;object-fit:contain}
.about-profile{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:55px;align-items:center;margin-bottom:40px}.about-location{display:inline-block;border:1px solid #30425f;background:#0b1526;color:#b8c9df;border-radius:99px;padding:7px 16px;font-size:13px}.about-intro h2{font-size:clamp(32px,4vw,48px);color:#2da2ff;margin:20px 0 10px}.about-intro h3{font-size:22px;margin:0 0 20px;line-height:1.6}.about-bio{font-size:16px;color:#b8c9df;line-height:2;overflow-wrap:anywhere}.about-photo{height:420px;border:1px solid #30425f;border-radius:22px;background:radial-gradient(ellipse at 50% 50%,#16477988,transparent 70%),linear-gradient(145deg,#101a2c,#09111f);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.about-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:35px 0 45px}.about-stats>div{padding:22px;border:1px solid #263954;border-radius:14px;background:linear-gradient(145deg,#101a2c,#09111f);display:flex;flex-direction:column;gap:10px}.about-stats strong{font-size:30px;color:#59b6ff;text-align:right}.about-stats>div>span:last-child{color:var(--muted);font-size:13px}.about-stat-icon{color:#59b6ff;font-size:22px}.about-expertise>h2{font-size:28px;margin-bottom:24px}.about-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.about-expertise-grid article{padding:28px;border:1px solid #30425f;border-radius:15px;background:#0b1526}.about-expertise-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;border:1px solid #285d9b;background:#112b4c;color:#59b6ff;font-size:23px}.about-expertise-grid h3{font-size:20px;line-height:1.6}.about-expertise-grid p{color:var(--muted);line-height:1.9;font-size:14px;overflow-wrap:anywhere}.about-page .listing-quote{max-width:none;margin-top:32px}@media(max-width:900px){.about-profile{grid-template-columns:1fr;gap:28px}.about-photo{height:380px;max-width:500px;width:100%;margin:auto}.about-expertise-grid{grid-template-columns:1fr}}@media(max-width:650px){.about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-stats>div{padding:18px}.about-intro h3{font-size:19px}.about-bio{font-size:14px}.about-photo{height:340px}.about-expertise-grid article{padding:22px}}

/* Training course timeline */
.about-courses{margin-top:44px}.about-courses>h2{font-size:28px;margin-bottom:24px}
.course-timeline{background:#07101e;border:1px solid #263954;border-radius:18px;padding:26px 24px;color:#eef4ff;box-shadow:0 15px 45px #0002}
.course-year-group{direction:ltr;position:relative;padding-bottom:22px}.course-year-group:last-child{padding-bottom:0}.course-year-group:before{content:"";position:absolute;left:112px;top:20px;bottom:-20px;width:2px;background:#2a3e5b}.course-year-group:last-child:before{bottom:25px}
.course-year{height:38px;display:flex;align-items:flex-start}.course-year>span{display:inline-block;min-width:64px;text-align:center;padding:3px 12px;background:linear-gradient(135deg,#3795ff,#1d65e8);color:#fff;font-size:13px;font-weight:600;border-radius:6px;box-shadow:0 3px 8px #2276ee20}.course-year-group:not(:first-child) .course-year>span{background:#30425f}
.course-timeline-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;position:relative;margin-bottom:8px;align-items:center}.course-timeline-row:last-child{margin-bottom:0}.course-timeline-row:before{content:"";position:absolute;width:8px;height:8px;border:3px solid #07101e;border-radius:50%;background:#2679ed;left:106px;top:50%;transform:translateY(-50%);box-sizing:content-box}
.course-date{direction:rtl;text-align:right;padding-right:18px;color:#a9b6ca;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.course-row-card{display:flex;direction:ltr;align-items:center;gap:18px;padding:14px 16px;border:1px solid #263954;border-radius:10px;background:#0b1526;min-width:0;transition:background .18s,border-color .18s,box-shadow .18s}.course-row-card:hover{background:#11233b;border-color:#365d89;box-shadow:0 3px 12px #2777de0c}
.course-row-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#102f46;color:#40b9ff}.course-row-icon svg{width:25px;height:25px}.course-icon-chart{background:#24254c;color:#9298ff}.course-icon-target{background:#103b33;color:#45d6ad}.course-icon-people{background:#3c2b17;color:#ffb454}.course-icon-shield{background:#10363d;color:#4ed2dc}.course-icon-cloud{background:#132e50;color:#62adff}.course-icon-finance,.course-icon-blocks{background:#302044;color:#c08aff}.course-icon-document{background:#402030;color:#ff80a3}
.course-row-content{flex:1;min-width:0;direction:rtl;text-align:left}.course-row-content h3{margin:0 0 4px;font-size:16px;line-height:1.6;color:#eef4ff;overflow-wrap:anywhere}.course-row-content h3[dir=ltr]{text-align:left}.course-row-content p{margin:0;color:#a9b6ca;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.course-provider{direction:rtl;display:flex;flex-direction:column;gap:3px;text-align:right;flex:0 0 115px;overflow-wrap:anywhere}.course-provider strong{font-size:12px;font-weight:500;color:#c0d1e7}.course-provider small{font-size:11px;color:#a9b6ca}.course-certificate{direction:rtl;display:flex;align-items:center;gap:8px;flex-shrink:0;color:#59b6ff;border:1px solid #30425f;border-radius:7px;padding:10px;font-size:12px;text-decoration:none;background:#0b1526}.course-certificate:hover{border-color:#4488c7;background:#112b4c}
@media(max-width:800px){.course-timeline{padding:20px 16px}.course-year-group:before{left:88px}.course-timeline-row{grid-template-columns:88px minmax(0,1fr);gap:14px}.course-timeline-row:before{left:82px}.course-date{font-size:11px;padding-right:14px}.course-row-card{flex-wrap:wrap;gap:10px;padding:12px}.course-row-content{flex-basis:calc(100% - 60px)}.course-provider{flex:1;margin-left:54px}.course-row-content h3{font-size:14px}.course-row-content p{font-size:12px}}
@media(max-width:480px){.course-timeline{padding:18px 12px}.course-year{height:40px}.course-year-group:before{left:5px;top:40px}.course-year-group:last-child:before{bottom:30px}.course-timeline-row{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:22px}.course-timeline-row:before{left:-1px;top:32px;transform:none}.course-date{text-align:left;padding:0 0 0 4px}.course-date:empty{display:none}.course-row-icon{width:36px;height:36px;border-radius:8px}.course-row-icon svg{width:22px;height:22px}.course-provider{margin-left:46px}.course-certificate{padding:7px}.course-row-content{flex-basis:calc(100% - 48px)}}

/* Categorized technical skills */
.skill-system{position:relative;margin:12px 0 36px}.skill-system:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#007bff14,transparent 60%);z-index:-1}.skill-system-heading{text-align:center;margin-bottom:24px}.skill-system-heading>span{color:#32b5ff;font-size:16px;letter-spacing:3px}.skill-system-heading h2,.skill-system-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.4;margin:12px 0;color:#f0f7ff}.skill-system-heading p{color:#b6c6db;font-size:16px;line-height:1.9;margin:0 auto;max-width:850px}.skill-system-stats{display:flex;justify-content:center;gap:18px;margin:20px auto 32px;flex-wrap:wrap}.skill-system-stats>div{min-width:170px;display:flex;direction:ltr;align-items:center;justify-content:center;gap:16px;padding:13px 20px;border:1px solid #224566;border-radius:16px;background:linear-gradient(130deg,#10223b,#07111f)}.system-stat-icon{color:#32b5ff;font-size:30px}.skill-system-stats p{text-align:center;margin:0;direction:rtl;display:flex;flex-direction:column;gap:4px}.skill-system-stats strong{font-size:23px}.skill-system-stats>div:first-child strong{font-size:16px}.skill-system-stats small{color:#b6c6db;font-size:12px}
.skill-map{display:grid;direction:ltr;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 20px;align-items:stretch}.skill-panel{--accent:#21a5ff;--glow:#21a5ff15;direction:rtl;position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 40%,#17263a);border-radius:22px;padding:22px 18px;background:linear-gradient(135deg,var(--glow),#0b1526 65%);box-shadow:0 10px 35px #0003}.skill-panel:before{content:"";position:absolute;width:28px;height:60px;left:-1px;top:-1px;border-left:4px solid var(--accent);border-top:4px solid var(--accent);border-radius:22px 0 0 0;filter:drop-shadow(0 0 9px var(--accent))}.skill-panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.skill-category-icon{color:var(--accent);font-size:32px;line-height:1;min-width:34px;text-align:center}.skill-panel-heading h3,.skill-panel-heading h2{margin:0 0 4px;font-size:19px;color:#f2f6ff;line-height:1.5}.skill-panel-heading p{margin:0;color:#a9b6ca;font-size:12px;line-height:1.8}
.skill-panel-web{grid-column:1/6;grid-row:1}.skill-panel-infrastructure{grid-column:8/13;grid-row:1;--accent:#14ccb4;--glow:#14ccb414}.skill-panel-cloud{grid-column:1/6;grid-row:2;--accent:#a453ff;--glow:#a453ff14}.skill-panel-enterprise{grid-column:8/13;grid-row:2;--accent:#f99c35;--glow:#f99c3514}.skill-panel-mobile{grid-column:1/5;grid-row:3;--accent:#ff527e;--glow:#ff527e14}.skill-panel-database{grid-column:5/9;grid-row:3}.skill-panel-tools{grid-column:9/13;grid-row:3;--accent:#0bcbdc;--glow:#0bcbdc14}
.skill-panel .tech,.skills-listing .skill-panel .tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:10px;direction:ltr;margin:0}.skill-panel .tech>div,.skills-listing .skill-panel .tech>div{height:auto;min-height:92px;background:linear-gradient(140deg,#102037,#060e19);border:1px solid #253b53;border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;transition:transform .2s,border-color .2s}.skill-panel .tech>div:hover{transform:translateY(-3px);border-color:var(--accent)}.skill-panel .tech b{margin:0;font-size:24px;line-height:1.4;display:grid;place-items:center;min-height:35px;max-width:100%}.skill-panel .tech small{font-size:11px;line-height:1.5;text-align:center;overflow-wrap:anywhere;color:#f0f4fb;display:block}.skill-panel .tech-logo img,.skills-listing .skill-panel .tech-logo img{width:36px;height:36px}.skill-panel .tech .php{font-size:19px;font-style:italic;background:#8993d6;color:#111734;border-radius:50%;padding:1px 10px;min-height:28px}.skill-panel .tech .js{background:#f7df1e;color:#111;padding:2px 5px;border-radius:3px}.skill-panel .tech .boot{background:#7c31dc;color:white;padding:0 9px;border-radius:6px}.skill-panel .tech .win{color:#00aeef;font-size:35px}.skill-panel .tech .nginx{color:#22d88b}.skill-panel .tech .cp{color:#ff762b;font-style:italic}.skill-panel .tech .mysql{font-size:17px;color:#2aabdd}
.skill-hub{grid-column:6/8;grid-row:1/3;display:flex;align-items:center;justify-content:center;position:relative;color:#58bfff}.skill-hub:before{content:"";position:absolute;top:0;bottom:-24px;left:50%;border-left:1px dashed #206dae70}.skill-hub-ring{position:relative;width:205px;aspect-ratio:1;flex-shrink:0;border:2px solid #35afff;border-radius:50%;background:radial-gradient(circle,#173865,#070f20 70%);box-shadow:0 0 25px #139fff38,inset 0 0 25px #139fff20;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.skill-hub-ring:before{content:"";position:absolute;inset:-10px;border:1px dashed #409cff;border-radius:50%}.skill-hub-ring:after{content:"";position:absolute;inset:-3px;border:3px solid transparent;border-left-color:#a774ff;border-right-color:#23d1be;border-radius:50%}.skill-hub-ring svg{width:80px;height:65px;filter:drop-shadow(0 0 10px #279cff70)}.skill-hub-ring strong{text-align:center;font-size:24px;line-height:1.5;color:#cee9ff}.skill-panel-web:after,.skill-panel-cloud:after,.skill-panel-infrastructure:after,.skill-panel-enterprise:after{content:"";position:absolute;top:50%;height:1px;width:40px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.skill-panel-web:after,.skill-panel-cloud:after{right:-40px}.skill-panel-infrastructure:after,.skill-panel-enterprise:after{left:-40px}.hub-dot{position:absolute;bottom:0;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#189bff;box-shadow:0 0 14px #189bff}
@media(max-width:1100px){.skill-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.skill-hub{display:none}.skill-panel-web,.skill-panel-infrastructure,.skill-panel-cloud,.skill-panel-enterprise,.skill-panel-database,.skill-panel-mobile,.skill-panel-tools{grid-column:auto;grid-row:auto}.skill-panel:after{display:none}.skill-panel .tech,.skills-listing .skill-panel .tech{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.skill-map{grid-template-columns:minmax(0,1fr);gap:18px}.skill-system-heading>span{font-size:13px}.skill-system-heading p{font-size:13px}.skill-system-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-system-stats>div{min-width:0;padding:12px 8px;gap:9px}.skill-system-stats strong{font-size:21px}.skill-system-stats>div:first-child strong{font-size:13px}.system-stat-icon{font-size:25px}.skill-panel{padding:20px 14px}.skill-panel-heading h3,.skill-panel-heading h2{font-size:18px}.skill-panel .tech,.skills-listing .skill-panel .tech{grid-template-columns:repeat(3,minmax(0,1fr))}}
.skill-panel .tech-logo img[src$="/ios.svg"]{filter:brightness(0) invert(1)}

.project-cover{--cover-accent:#32a8ff;position:relative;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 20% 10%,color-mix(in srgb,var(--cover-accent) 22%,transparent),transparent 70%),linear-gradient(145deg,#12243b,#060d1a);border-bottom:1px solid #243952}.projects-listing .project-cover{height:200px}.project-cover>span{position:relative;z-index:1;font-size:18px;font-weight:600;color:#e1edff;line-height:1.7}.project-cover .project-cover-symbol{font-family:monospace;font-size:40px;color:var(--cover-accent);text-shadow:0 0 25px color-mix(in srgb,var(--cover-accent) 40%,transparent)}.project-cover i{position:absolute;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--cover-accent) 30%,transparent);border-radius:35px;transform:rotate(35deg);right:-60px;bottom:-100px}.project-cover-1{--cover-accent:#3fd5b5}.project-cover-2{--cover-accent:#ac7bff}.project-cover-3{--cover-accent:#ffac50}.project-cover-4{--cover-accent:#fa7298}.project-cover-5{--cover-accent:#55d9ef}

/* Interactive project portfolio */
.project-showcase{margin:10px 0 40px}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}.showcase-eyebrow{color:#29afff;font-size:12px;letter-spacing:2px}.showcase-heading h1,.showcase-heading h2{font-size:34px;margin:6px 0;color:#eaf5ff}.showcase-heading p{max-width:480px;font-size:14px;color:#a9b6ca;line-height:1.9;margin:0}.showcase-stats{display:flex;gap:12px;direction:ltr}.showcase-stats>div{min-width:120px;padding:14px 18px;border:1px solid #19354e;border-radius:11px;background:linear-gradient(140deg,#0e2035,#050e1b);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.showcase-stats i{font-style:normal;font-size:24px;color:#12acff}.showcase-stats>div:nth-child(2) i{color:#9b6cff}.showcase-stats strong{font-size:21px}.showcase-stats small{font-size:11px;color:#a9b6ca}
.showcase-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.65fr);gap:34px;align-items:start}.showcase-project-list{position:relative;display:flex;flex-direction:column;gap:9px;max-height:760px;overflow:auto;padding:6px 4px 10px 18px;scrollbar-width:thin;scrollbar-color:#1f5880 #071322;border-left:1px solid #1374b450}.showcase-project-option{position:relative;display:flex;direction:ltr;align-items:center;gap:10px;min-height:92px;padding:10px;border:1px solid #18304a;border-radius:12px;background:linear-gradient(120deg,#0c1b2d,#050d18);color:#eaf2ff;text-decoration:none;transition:border-color .18s,background .18s;flex-shrink:0}.showcase-project-option:before{content:"";position:absolute;left:-23px;width:8px;height:8px;border-radius:50%;background:#179dff;box-shadow:0 0 9px #159fff70}.showcase-project-option:hover{border-color:#2c6390;background:#0e2239}.showcase-project-option.is-active{border-color:#149eff;box-shadow:inset 3px 0 #129fff,0 0 18px #008fff18;background:linear-gradient(110deg,#102f50,#081222)}.showcase-option-image{width:76px;height:57px;flex-shrink:0;overflow:hidden;border:1px solid #284560;border-radius:6px;background:#122037}.showcase-option-image img{width:100%;height:100%;object-fit:cover}.showcase-option-number{font-size:22px;color:#527493;font-weight:500}.is-active .showcase-option-number{color:#11b1ff}.showcase-option-copy{direction:rtl;flex:1;min-width:0}.showcase-option-copy strong{display:block;font-size:13px;line-height:1.7;color:#e8f4ff}.showcase-option-copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#93a7bd;font-size:10px;line-height:1.9}.showcase-option-arrow{display:grid;place-items:center;width:23px;height:23px;border:1px solid #25415f;border-radius:50%;color:#70a9d1;flex-shrink:0;font-size:20px}
.showcase-stage{min-width:0;position:sticky;top:100px;border:1px solid #193249;border-radius:18px;background:linear-gradient(145deg,#0a192a,#050d18);overflow:hidden;box-shadow:0 20px 50px #0003}.showcase-panel[hidden]{display:none}.showcase-hero-image{height:350px;background:#0b1728;border-bottom:1px solid #1b354b;overflow:hidden}.showcase-hero-image>img{width:100%;height:100%;object-fit:cover;display:block}.showcase-cover{--cover-accent:#24a6ff;background:radial-gradient(ellipse at 25% 10%,color-mix(in srgb,var(--cover-accent) 25%,transparent),transparent 65%),linear-gradient(145deg,#112039,#030b17);height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;text-align:center;color:#dfefff;position:relative;overflow:hidden}.showcase-cover:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cover-accent) 22%,transparent);transform:rotate(35deg);border-radius:35px;right:-35%;bottom:-80%}.showcase-cover>span{font-size:64px;color:var(--cover-accent);font-family:monospace;text-shadow:0 0 35px #009dff44}.showcase-cover strong{font-size:27px;line-height:1.6;max-width:85%;z-index:1}.showcase-cover small{font-size:13px;color:#a9bfd9}.cover-tone-1{--cover-accent:#41d5b5}.cover-tone-2{--cover-accent:#a975ff}.cover-tone-3{--cover-accent:#ffac50}.cover-tone-4{--cover-accent:#fb769f}.cover-tone-5{--cover-accent:#51daea}.showcase-option-image .showcase-cover,.showcase-thumbnails .showcase-cover{padding:0;gap:0}.showcase-option-image .showcase-cover>span{font-size:24px}
.showcase-project-info{display:flex;gap:18px;justify-content:space-between;padding:22px;align-items:start}.showcase-project-info>div:first-child{flex:1;min-width:0}.showcase-project-number{float:right;margin-left:10px;display:inline-grid;place-items:center;width:34px;height:30px;font-size:13px;color:#26b3ff;background:#072846;border:1px solid #125685;border-radius:5px}.showcase-project-info h2{font-size:22px;line-height:1.6;margin:0 0 10px;color:#f0f6ff}.showcase-project-info p{font-size:13px;line-height:1.9;color:#a8bfd2;margin:0;overflow-wrap:anywhere}.showcase-project-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.showcase-project-actions:empty{display:none}.showcase-project-actions .btn{font-size:12px;padding:10px 15px;min-height:0;height:auto;border-radius:7px}.showcase-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:17px 22px;margin:0;border-block:1px solid #193149}.showcase-features li{display:flex;gap:9px;color:#bcd0e3;font-size:12px;line-height:1.8}.showcase-features li>span{color:#02c4c7;font-size:24px;line-height:1.2}.showcase-technologies{padding:17px 22px}.showcase-technologies h3,.showcase-browse h3{font-size:12px;font-weight:500;color:#a7bcd0;margin:0 0 10px}.showcase-tags{display:flex;gap:6px;flex-wrap:wrap;direction:ltr}.showcase-tags>span{font-size:10px;padding:3px 11px;border:1px solid #175d8c;border-radius:20px;background:#0c2b47;color:#a9dcff;white-space:nowrap}.showcase-tags>span:nth-child(3n+2){border-color:#27547d;background:#0c233c;color:#b5d7fa}.showcase-tags>span:nth-child(3n){border-color:#584588;background:#25183f;color:#dbc4ff}.showcase-option-copy .showcase-tags{margin-top:5px;gap:4px}.showcase-option-copy .showcase-tags>span{font-size:9px;padding:1px 7px}
.showcase-gallery{display:flex;gap:10px;overflow:auto;padding:10px 22px 18px}.showcase-gallery button{padding:0;border:1px solid #253f5d;border-radius:7px;flex:0 0 110px;height:65px;overflow:hidden;background:#10213b;cursor:pointer}.showcase-gallery button[aria-pressed=true]{border:2px solid #24aeff}.showcase-gallery img{width:100%;height:100%;object-fit:cover}.showcase-browse{padding:18px 22px;border-top:1px solid #193149}.showcase-browse>div:first-child{display:flex;justify-content:space-between;align-items:center}.showcase-browse [data-project-position]{font-size:11px;color:#38adf5;direction:ltr}.showcase-thumbnails{display:flex;gap:10px;overflow:auto;padding:0 0 7px;scrollbar-width:thin;scrollbar-color:#245a84 #0a1726}.showcase-thumbnails button{flex:0 0 115px;display:flex;flex-direction:column;align-items:stretch;padding:0;border:1px solid #203b58;border-radius:8px;background:#0b192b;color:#bed1e2;overflow:hidden;cursor:pointer;text-align:center}.showcase-thumbnails button[aria-pressed=true]{border-color:#1bafff;box-shadow:0 0 10px #089fff25}.showcase-thumbnails button>img,.showcase-thumbnails button>.showcase-cover{height:66px;width:100%;object-fit:cover}.showcase-thumbnails .showcase-cover>span{font-size:30px}.showcase-thumbnails button>span{padding:6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-showcase a:focus-visible,.project-showcase button:focus-visible{outline:2px solid #58bdff;outline-offset:3px}
@media(max-width:1100px){.showcase-layout{grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:20px}.showcase-option-image{width:56px;height:48px}.showcase-option-number{font-size:18px}.showcase-option-arrow{display:none}.showcase-heading{align-items:flex-start}.showcase-stats>div{min-width:95px;padding:12px}.showcase-hero-image{height:280px}.showcase-project-info{flex-direction:column}.showcase-project-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:750px){.showcase-heading{flex-direction:column;gap:20px}.showcase-heading h1,.showcase-heading h2{font-size:28px}.showcase-stats{width:100%}.showcase-stats>div{min-width:0;flex:1}.showcase-layout{display:flex;flex-direction:column;gap:18px}.showcase-project-list{width:100%;max-height:250px}.showcase-project-option{min-height:80px}.showcase-option-image{width:65px;height:50px}.showcase-option-arrow{display:grid}.showcase-stage{position:static;width:100%}.showcase-hero-image{height:240px}.showcase-project-info{padding:18px}.showcase-project-info h2{font-size:19px}.showcase-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px}.showcase-technologies,.showcase-browse{padding:15px 18px}.showcase-cover strong{font-size:22px}.showcase-gallery{padding-inline:18px}}

/* Dedicated services page */
.services-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:55px;align-items:center;padding:12px 0 48px}.services-eyebrow{color:#39b6ff;font-size:13px;letter-spacing:1px}.services-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.5;margin:14px 0}.services-intro h1 em{font-style:normal;color:#2daaff;display:block}.services-intro p{color:#afc2d8;line-height:2;font-size:16px;max-width:680px}.services-intro .actions{margin-top:26px;flex-wrap:wrap}.services-visual{position:relative;min-height:300px;display:grid;place-items:center}.services-orbit{height:240px;width:240px;border:1px solid #2571a3;border-radius:50%;background:radial-gradient(circle,#143761,#071222 70%);box-shadow:0 0 70px #0d8bff22,inset 0 0 35px #0d8bff18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative}.services-orbit:before{content:"";position:absolute;inset:-17px;border:1px dashed #26537d;border-radius:50%}.services-orbit>span{font-family:monospace;font-size:65px;color:#44baff;text-shadow:0 0 25px #159cff55}.services-orbit strong{color:#bddcff;font-size:16px;font-weight:500}.service-float{position:absolute;background:#0c1d34;border:1px solid #284a71;border-radius:10px;padding:10px 18px;font-size:13px;box-shadow:0 10px 30px #0005;color:#b6dbff}.float-code{right:0;top:22px}.float-cloud{left:0;top:95px;color:#55dbc4;border-color:#21544e}.float-data{right:16px;bottom:15px;color:#c194ff;border-color:#4a366c}
.services-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 26px}.services-section-heading>div>span{color:#44b4ff;font-size:13px}.services-section-heading h2{margin:8px 0 0;font-size:28px}.services-count{font-size:12px;border:1px solid #284767;background:#102039;border-radius:20px;padding:7px 16px;color:#aaceee}.services-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-detail-card{--service-accent:#35aaff;position:relative;padding:28px;display:flex;flex-direction:column;min-width:0;border:1px solid #263b57;border-radius:17px;background:linear-gradient(140deg,#101f34,#07101e);overflow:hidden;transition:transform .2s,border-color .2s}.service-detail-card:before{content:"";position:absolute;top:0;right:24px;width:60px;height:2px;background:var(--service-accent);box-shadow:0 0 18px var(--service-accent)}.service-detail-card:hover{transform:translateY(-4px);border-color:var(--service-accent)}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.service-detail-icon{display:grid;place-items:center;width:54px;height:54px;background:color-mix(in srgb,var(--service-accent) 12%,#0b1728);border:1px solid color-mix(in srgb,var(--service-accent) 35%,#15273b);border-radius:13px;color:var(--service-accent);font-style:normal;font-size:26px}.service-detail-number{font-size:25px;color:#3a526d;font-family:monospace}.service-detail-card h3{font-size:20px;line-height:1.7;margin:0 0 12px}.service-detail-card p{font-size:14px;color:#a9bbd0;line-height:1.9;margin:0 0 22px;flex:1;overflow-wrap:anywhere}.service-detail-card>a{color:var(--service-accent);font-size:13px;text-decoration:none;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #21334a}.service-detail-card>a:hover{text-decoration:underline}.service-tone-1{--service-accent:#a27aff}.service-tone-2{--service-accent:#35d4c3}.service-tone-3{--service-accent:#efac58}.service-tone-4{--service-accent:#f97ca4}
.service-process{margin:55px 0}.service-process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-process li{display:flex;gap:15px;padding:20px;border:1px solid #243951;border-radius:13px;background:#0a1526}.service-process li>span{color:#37b2ff;font-family:monospace;font-size:22px;padding-top:5px}.service-process h3{font-size:17px;margin:0 0 8px}.service-process p{font-size:13px;color:#a9b6ca;line-height:1.9;margin:0}.services-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #28507a;border-radius:18px;padding:30px 36px;background:radial-gradient(ellipse at 10% 80%,#144b7540,transparent 65%),linear-gradient(130deg,#0e1f38,#080f20)}.services-cta>div>span{color:#41b7ff;font-size:13px}.services-cta h2{font-size:28px;margin:10px 0}.services-cta p{color:#a9bbd2;font-size:14px;line-height:1.9;margin:0}.services-cta>.btn{flex-shrink:0}.services-preview-link{display:flex;justify-content:flex-end;margin-top:18px}.services-preview-link a{color:#47b4ff;text-decoration:none;font-size:14px}.services-preview-link a:hover{text-decoration:underline}
@media(max-width:1000px){.services-intro{grid-template-columns:1fr;gap:12px}.services-visual{min-height:290px;max-width:420px;width:100%;margin:auto}.services-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-process ol{grid-template-columns:1fr;gap:12px}}
@media(max-width:650px){.services-intro{padding-bottom:32px}.services-intro p{font-size:14px}.services-intro .actions{gap:10px}.services-catalog-grid{grid-template-columns:1fr;gap:16px}.service-detail-card{padding:24px}.services-section-heading h2{font-size:25px}.services-cta{align-items:flex-start;flex-direction:column;padding:24px}.services-cta h2{font-size:25px}.services-orbit{width:215px;height:215px}.service-float{padding:8px 12px;font-size:12px}}

.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand-logo{display:block;width:60px;height:40px;object-fit:contain;border-radius:6px}@media(max-width:650px){.brand-logo{width:48px;height:32px}.brand{gap:7px}}

.footer-contact-block{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.footer-logo{display:block;width:54px;height:36px;object-fit:contain;border-radius:4px}

.identity-en{display:block;color:#8cb5dd;font-size:14px;margin:0 0 12px}.intro .hero-job-title{font-size:23px;color:#e7f0ff;font-weight:600;line-height:1.6;margin:10px 0}.service-row h2{font-size:14px;margin:2px 0 8px;padding-left:46px}.project-detail-page section{margin:30px 0}.project-detail-page p{color:#b5c6da;line-height:2}.project-detail-page a,.article-heading a{color:#55b6ff}.project-detail-page .btn{color:white}.project-detail-images{display:grid;gap:20px;max-width:1000px}.project-detail-images img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:15px;border:1px solid #2a405e;background:#0b1627}.project-detail-features{line-height:2;color:#b7cce0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-grid article{background:#0c182b;border:1px solid #283f5d;border-radius:15px;padding:22px}.blog-grid img{width:100%;height:190px;object-fit:cover;border-radius:9px}.blog-grid h2{font-size:21px;line-height:1.7}.blog-grid a{color:#5bb8ff;text-decoration:none}.blog-grid p{color:#abc0d6;line-height:1.9}.blog-grid time{font-size:12px;color:#89a5c5}.article-page{max-width:1000px}.article-heading{margin-bottom:30px}.article-heading h1{font-size:clamp(30px,4vw,44px);line-height:1.6}.article-heading p{color:#b6cce2;font-size:17px;line-height:1.9}.article-heading>div{font-size:13px;color:#9fb6cf}.article-image{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:15px}.article-body{margin:35px 0;line-height:2.2;font-size:17px;color:#bdcde0;overflow-wrap:anywhere}.article-body h2{color:#eef5ff;font-size:26px}.article-body h3{color:#e0edff;font-size:22px}@media(max-width:800px){.blog-grid{grid-template-columns:1fr}.intro .hero-job-title{font-size:20px}.article-body{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}