:root{--bg:#070d20;--panel:#0d1933;--panel2:#111f3d;--border:#213a59;--text:#f3f9ff;--muted:#91a8c3;--cyan:#00d6f7;--blue:#236aff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 72% 12%,#10366370,transparent 32%),radial-gradient(ellipse at 12% 65%,#092a5170,transparent 35%),linear-gradient(#070d20,#070d20)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#00d6f766;color:white}.container{width:min(var(--max),calc(100% - 52px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:12px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase}.eyebrow:before{content:"";height:1px;width:28px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.header{position:fixed;left:0;top:0;width:100%;z-index:30;background:#071124dd;backdrop-filter:blur(18px);border-bottom:1px solid #24426370}.head-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:23px;font-weight:900;letter-spacing:-1.5px;color:#fff}.logo span{color:var(--cyan)}.desktop-nav{display:flex;align-items:center;gap:33px}.nav-link{font-size:12px;color:#acc0db;position:relative;padding:29px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:17px;background:var(--cyan);transition:right .3s}.nav-link.active:after,.nav-link:hover:after{right:0}.head-contact{font-size:12px;font-weight:800;color:#04162b;background:linear-gradient(120deg,var(--cyan),#308aff);border:0;padding:11px 18px;border-radius:5px;box-shadow:0 0 20px #00bbef30;cursor:pointer}.menu-btn{display:none;background:transparent;color:white;border:1px solid var(--border);border-radius:7px;padding:7px 11px;font-size:20px}.hero{min-height:760px;height:min(880px,100svh);padding-top:76px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;padding-block:65px 85px;position:relative;z-index:1}.hero .intro{margin-bottom:19px;font-size:13px;color:#c0d5ef;font-weight:600}.hero .intro span{color:var(--cyan)}h1{font-size:clamp(46px,5.55vw,83px);font-weight:850;letter-spacing:-4px;line-height:1.07;margin-bottom:17px}h1 .line{display:block}h1 .accent{color:var(--cyan);text-shadow:0 0 36px #00cfff2d}.typing{font-weight:800;font-size:clamp(18px,2vw,26px);color:#e9f5ff;margin-bottom:19px;min-height:33px}.cursor{display:inline-block;width:2px;height:23px;background:var(--cyan);margin-left:3px;vertical-align:middle;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-desc{font-size:14px;line-height:1.95;max-width:520px;color:#9db5d0;margin-bottom:31px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 23px;border-radius:5px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),#2587fa);color:#051627;box-shadow:0 6px 30px #00d8ff22}.btn-outline{border:1px solid #1181af;color:#d8faff;background:#07142b}.btn-outline:hover{background:#0e3651}.socials{display:flex;gap:19px;margin-top:34px;color:#89b6d6;align-items:center}.socials a{font-size:12px;font-weight:700;letter-spacing:.3px;transition:color .2s}.socials a:hover{color:var(--cyan)}.hero-art{position:relative;display:grid;place-items:center;min-height:510px}.halo{width:min(410px,83%);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;border:3px solid #0ac5f3;box-shadow:0 0 0 13px #0a234177,0 0 0 25px #09233c44,0 0 95px #06cfff35,inset 0 0 60px #0078dc44;background:radial-gradient(circle at 47% 38%,#184e7b,#07152b 75%);animation:float 7s ease-in-out infinite}.halo:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid #a9e8ff33;pointer-events:none}.halo img{width:100%;height:100%;object-fit:cover;object-position:center 16%;border-radius:50%;filter:saturate(.85) contrast(1.03)}.orb{position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);width:10px;height:10px}.orb.one{top:15%;right:18%}.orb.two{bottom:16%;left:18%;width:6px;height:6px}.code-float{position:absolute;background:#0c1e3dda;border:1px solid #235678;border-radius:8px;color:#8ddfff;font-size:11px;letter-spacing:1px;padding:12px 15px;box-shadow:0 15px 45px #0005;animation:float 5s ease-in-out infinite}.code-float.top{top:13%;left:0}.code-float.bottom{bottom:12%;right:-2%;animation-delay:-2s}@keyframes float{50%{transform:translateY(-13px)}}.grid-points{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#55a5eb40 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent);opacity:.4}.scroll-hint{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:2;text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#8ba7c4;display:flex;align-items:center;gap:10px}.scroll-hint:after{content:"↓";font-size:21px;color:var(--cyan)}section.section{padding:118px 0;position:relative}.section-heading{text-align:center;margin:0 auto 56px;max-width:660px}.section-heading h2{font-size:clamp(30px,3.5vw,44px);font-weight:850;letter-spacing:-1.5px;margin:12px 0}.section-heading h2 span{color:var(--cyan)}.section-heading p{font-size:13px;line-height:1.9}.line-under{width:58px;height:3px;border-radius:5px;background:var(--cyan);margin:20px auto 0}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center}.about-pic{max-width:410px;border-radius:22px;overflow:hidden;position:relative;border:1px solid #1d5071;box-shadow:26px 24px 0 #0e203b}.about-pic img{width:100%;display:block;aspect-ratio:4/4;object-fit:cover}.about-text h3{font-size:26px;margin-bottom:18px}.about-text h3 span{color:var(--cyan)}.about-text p{font-size:13px;line-height:2;color:#a3bad3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.stat{border:1px solid var(--border);background:#101d38;border-radius:10px;padding:22px 13px;text-align:center}.stat b{display:block;color:var(--cyan);font-size:27px;margin-bottom:8px}.stat small{font-size:10px;color:#b1c7df}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tag{font-size:11px;color:#7fe5f6;border:1px solid #225475;background:#102743;padding:7px 12px;border-radius:5px}.timeline{max-width:860px;margin:auto;position:relative;padding-left:35px}.timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),#2671c8,#0e2b44)}.job{position:relative;border:1px solid var(--border);background:#0e1b35;border-radius:12px;padding:27px 30px;margin-bottom:22px;box-shadow:0 12px 30px #0002}.job:before{content:"";position:absolute;left:-33px;top:28px;width:14px;height:14px;border:3px solid var(--cyan);background:#061023;border-radius:50%;box-shadow:0 0 20px #00d6f777}.job-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.job h3{font-size:17px;margin-bottom:9px}.job span{color:var(--cyan);font-size:11px;font-weight:700}.job p{font-size:12px;color:#9eb7d1;line-height:1.8;margin:9px 0 0}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.project{background:#0d1c37;border:1px solid #1e3b5d;border-radius:12px;overflow:hidden;transition:transform .3s,border-color .3s}.project:hover{transform:translateY(-7px);border-color:#0ba7cf}.project-cover{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 25%,#1b6b9d88,transparent 35%),linear-gradient(135deg,#172e57,#090f26)}.project-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#64e3ff0b 1px,transparent 1px),linear-gradient(90deg,#64e3ff0b 1px,transparent 1px);background-size:28px 28px}.project-cover .symbol{font-size:48px;font-weight:900;letter-spacing:-3px;color:white;z-index:1}.project-cover .sub{font-size:10px;text-transform:uppercase;letter-spacing:4px;color:#66dfff;z-index:1}.project-cover.second{background:radial-gradient(circle at 30% 15%,#0977aa80,transparent 40%),linear-gradient(140deg,#092c54,#0a1229)}.project-cover.third{background:radial-gradient(circle at 70% 85%,#1d85cc75,transparent 40%),linear-gradient(140deg,#13244b,#101027)}.project-cover.fourth{background:radial-gradient(circle at 30% 80%,#006b9b75,transparent 45%),linear-gradient(140deg,#0a233e,#10172d)}.project-body{padding:24px}.project-body .kind{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px}.project-body h3{font-size:19px;margin:10px 0}.project-body p{color:#9bb3cc;font-size:12px;line-height:1.85;min-height:45px}.project-tech{color:#77d8e8;font-size:10px;word-spacing:9px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service{border:1px solid var(--border);background:#0e1b35;border-radius:10px;padding:30px 24px;min-height:212px;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-5px);border-color:var(--cyan)}.svc-icon{width:44px;height:44px;border:1px solid #135d83;display:grid;place-items:center;background:#11365b;color:var(--cyan);font-size:22px;border-radius:9px;margin-bottom:20px}.service h3{font-size:15px}.service p{font-size:12px;color:#9fb7cf;line-height:1.85}.contact-block{text-align:center;padding:62px 30px;border:1px solid #225473;border-radius:20px;background:radial-gradient(circle at 50% -35%,#14518c88,transparent 65%),#0d1c37}.contact-block h2{font-size:clamp(27px,3vw,41px)}.contact-block p{font-size:13px;color:#9fb7cf;max-width:560px;margin:0 auto 25px;line-height:2}.footer{padding:28px 0;border-top:1px solid var(--border);color:#809cb9;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:15px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.22s}.delay3{transition-delay:.32s}.preview-label{position:fixed;right:13px;bottom:13px;z-index:45;font-size:10px;letter-spacing:1px;color:#abc6d8;background:#071629df;border:1px solid #245070;padding:9px 12px;border-radius:7px}.nav-mobile{display:none}@media(max-width:950px){.desktop-nav{gap:16px}.hero-inner{gap:26px}.about-grid{gap:35px}h1{font-size:clamp(45px,6vw,68px)}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 36px))}.head-inner{height:64px}.header .desktop-nav,.head-contact{display:none}.menu-btn{display:block}.nav-mobile{display:none;position:absolute;left:0;right:0;top:64px;background:#08152bef;border-bottom:1px solid #245070;padding:14px 23px 24px;backdrop-filter:blur(18px)}.nav-mobile.open{display:flex;flex-direction:column;gap:0}.nav-mobile a{padding:13px 0;font-size:14px;border-bottom:1px solid #253b56}.hero{height:auto;min-height:0;padding-top:90px}.hero-inner{display:flex;flex-direction:column-reverse;gap:23px;padding-block:45px 95px;text-align:center}.hero-art{min-height:320px;width:100%}.halo{width:min(270px,74%)}.code-float.top{left:0;top:12%}.code-float.bottom{right:0;bottom:9%}.hero .eyebrow{justify-content:center}.hero-desc{margin-inline:auto}.actions,.socials{justify-content:center}h1{font-size:clamp(40px,10vw,64px);letter-spacing:-2.8px}.hero-desc{font-size:12px}.scroll-hint{bottom:20px}section.section{padding:75px 0}.about-grid{grid-template-columns:1fr;gap:48px}.about-pic{max-width:360px;margin:auto;box-shadow:13px 14px 0 #0e203b}.stats{gap:7px}.stat{padding:16px 7px}.stat b{font-size:22px}.stat small{font-size:9px}.projects-grid,.services-grid{grid-template-columns:1fr}.job-top{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column;text-align:center}.preview-label{font-size:9px}.typing{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.halo,.code-float,.cursor{animation:none}.project,.service,.btn{transition:none}}

html[dir="rtl"] body{font-family:Cairo,Inter,Arial,sans-serif}
html[dir="rtl"] h1{letter-spacing:-1.5px;line-height:1.3}
html[dir="rtl"] .eyebrow{letter-spacing:0}
html[dir="rtl"] .nav-link{font-size:13px}
html[dir="rtl"] .hero-desc, html[dir="rtl"] .about-text p,html[dir="rtl"] .job p{font-size:14px}
html[dir="rtl"] .timeline{padding-left:0;padding-right:35px}
html[dir="rtl"] .timeline:before{left:auto;right:9px}
html[dir="rtl"] .job:before{left:auto;right:-33px}
html[dir="rtl"] .eyebrow:before{width:24px}
html[dir="rtl"] .cursor{margin-left:0;margin-right:3px}
.language-switch{background:transparent;border:1px solid #275374;border-radius:7px;color:#eafaff;padding:8px 11px;cursor:pointer;font-weight:800;font-size:12px;white-space:nowrap}
.language-switch:hover{border-color:#00d6f7;color:#00d6f7}
html[dir="rtl"] .hero-art{direction:ltr}
@media(max-width:850px){.language-switch{padding:7px 9px}}

/* Live CMS additions */
.hero-media { position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.54 }
.hero-media video,.hero-media .hero-slide { width:100%;height:100%;object-fit:cover;position:absolute;inset:0 }
.hero-media .hero-slide { background-position:center;background-size:cover;opacity:0;transition:opacity 1.1s ease }
.hero-media .hero-slide.active{opacity:1}
.hero-media:after{content:'';position:absolute;inset:0;background:rgba(3,9,26,var(--overlay,.24))}
.hero-inner,.hero>.container,.hero .grid-points {position:relative;z-index:1}
.project-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.7}
.project-cover{position:relative;overflow:hidden}.project-cover>*:not(img){position:relative;z-index:1}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-item{border:1px solid rgba(94,160,197,.23);padding:23px;border-radius:18px;color:inherit;text-decoration:none;background:rgba(9,23,46,.66)}
.article-item:hover{border-color:var(--cyan,#00d6f7)}.article-item h3{margin:12px 0}.article-item p{opacity:.75;line-height:1.9}
@media(max-width:850px){.articles-grid{grid-template-columns:1fr}}

/* Unified fixes: social platforms and clean public release */
.preview-label{display:none!important}
.contact-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:15px;padding-bottom:65px;margin-top:12px}
.social-platform-card{min-height:136px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;border:1px solid #205174;border-radius:15px;background:linear-gradient(145deg,#102744,#081c35);color:#f2fbff;font-size:14px;font-weight:800;transition:transform .25s,border-color .25s,box-shadow .25s}
.social-platform-card:hover{transform:translateY(-5px);border-color:#12bfe5;box-shadow:0 14px 32px #05acd018}
.social-platform-icon{display:grid;place-items:center;color:var(--cyan);width:48px;height:48px;border-radius:13px;background:#0e3553}
.social-platform-icon svg{width:27px;height:27px}.social-platform-icon img{width:30px;height:30px;object-fit:contain}
@media(max-width:560px){.contact-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-platform-card{min-height:120px}}