:root{color-scheme:dark;--ink: #f6fbff;--muted: #bdd2e8;--soft: #89aecd;--navy-950: #03101f;--navy-900: #061a33;--navy-800: #0a2548;--blue-700: #0d5aa7;--blue-500: #1597e5;--cyan-400: #38d5ff;--mint-400: #4ce0c1;--panel: rgba(7, 31, 61, .72);--panel-solid: #0b2342;--line: rgba(159, 218, 255, .22);--shadow: 0 26px 70px rgba(0, 6, 19, .42);--radius: 8px;font-family:Inter,Noto Sans Arabic,Segoe UI,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--navy-950)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(180deg,#03101f,#082447 42%,#041426);overflow-x:hidden}body,button,a,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(56,213,255,.08) 0%,transparent 24rem),linear-gradient(90deg,rgba(9,82,151,.24),transparent 38%,rgba(76,224,193,.11))}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(183,225,255,.13);background:#041326d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto;gap:24px}.brand{display:inline-flex;align-items:center;min-width:0;gap:12px}.brand-image-wrap{display:grid;place-items:center;width:126px;height:64px;overflow:visible}.brand-image-wrap img{width:126px;height:auto;max-width:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.brand-text,.footer-logo{color:#fff;font-size:1.04rem;font-weight:800}.nav-panel{display:flex;align-items:center;gap:20px}.nav-links{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(169,219,255,.15);border-radius:var(--radius);background:#ffffff0d}.nav-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:6px;color:var(--muted);font-size:.95rem;transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav-links a:hover,.nav-links a.is-active{color:#fff;background:#38d5ff24}.nav-links a:hover{transform:translateY(-1px)}.language-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(42px,1fr));gap:3px;padding:3px;border:1px solid rgba(169,219,255,.17);border-radius:var(--radius);background:#020c185c}.language-toggle button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--soft);cursor:pointer;font-size:.88rem;font-weight:700;transition:background-color .18s ease,color .18s ease}.language-toggle button.is-active{color:#001424;background:var(--cyan-400)}.icon-button{display:none;place-items:center;width:42px;height:42px;border:1px solid rgba(169,219,255,.22);border-radius:var(--radius);background:#ffffff14;cursor:pointer}.hero-section{position:relative;display:grid;align-content:center;align-items:start;gap:40px;min-height:calc(88svh - 72px);overflow:hidden;isolation:isolate;padding:90px max(28px,calc((100% - 1180px)/2)) 42px;border-bottom:1px solid rgba(157,221,255,.16)}.hero-section:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(90deg,#020e1deb,#04162dc2 42%,#04183257),linear-gradient(180deg,#03101f1a,#03101fbf)}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--navy-900)}.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.12) contrast(1.05);transform-origin:center;animation:slowDrift 16s ease-in-out infinite alternate}.lens-scan{position:absolute;inset-block:0;inset-inline-start:18%;width:1px;background:linear-gradient(180deg,transparent,rgba(56,213,255,.86),transparent);box-shadow:0 0 30px #38d5ffb3;animation:lensScan 4.8s ease-in-out infinite}.hero-content{max-width:680px}.eyebrow{margin:0 0 14px;color:var(--cyan-400);font-size:.82rem;font-weight:800;text-transform:uppercase}html[dir=rtl] .eyebrow{text-transform:none}.hero-content h1,.page-hero h1{max-width:760px;margin:0;color:#fff;font-size:4.45rem;line-height:.98}html[dir=rtl] .hero-content h1,html[dir=rtl] .page-hero h1,html[dir=rtl] .contact-intro h1{line-height:1.22}.hero-title-parts{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;gap:.2em;direction:rtl}.hero-lead,.page-hero p,.section-heading p,.movement-copy p,.status-section p,.about-story p,.pillar-card p{color:var(--muted);line-height:1.72}.hero-lead{max-width:620px;margin:24px 0 0;font-size:1.18rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:10px;border-radius:var(--radius);font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.primary-action{border:1px solid rgba(56,213,255,.72);padding:0 20px;background:#38d5ff;color:#02111e;box-shadow:0 18px 36px #00a6eb38}.secondary-action{border:1px solid rgba(188,226,255,.25);padding:0 18px;background:#ffffff14;color:#f5fbff}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}html[dir=rtl] .primary-action svg,html[dir=rtl] .secondary-action svg{transform:scaleX(-1)}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:1180px}.hero-kpi{min-height:84px;padding:16px;border:1px solid rgba(166,222,255,.18);border-radius:var(--radius);background:#020e1d8a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-kpi strong{display:block;color:#fff;font-size:1.35rem}.hero-kpi span{display:block;margin-top:5px;color:var(--soft);font-size:.9rem}.services-section,.movement-section,.status-section,.about-page{width:min(1180px,calc(100% - 40px));margin:0 auto}.services-section{padding:86px 0 96px}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);align-items:end;gap:56px;margin-bottom:34px}.services-heading{display:block;max-width:740px}.section-heading h2,.movement-copy h2,.status-section h2,.about-story h2,.principles-section h2{margin:0;color:#fff;font-size:2.52rem;line-height:1.08}html[dir=rtl] .section-heading h2,html[dir=rtl] .movement-copy h2,html[dir=rtl] .status-section h2,html[dir=rtl] .about-story h2,html[dir=rtl] .principles-section h2,html[dir=rtl] .service-card h3,html[dir=rtl] .pillar-card h2{line-height:1.32}.section-heading p:last-child{margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card,.pillar-card{position:relative;min-height:292px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0c3a64cc,#071d3ad1),var(--panel-solid);box-shadow:0 18px 46px #00081c2e;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.service-card:after,.pillar-card:after{position:absolute;inset-block-start:0;inset-inline:22px;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--cyan-400),transparent);opacity:.68;transform:translate(-35%);animation:pathFlow 5s ease-in-out infinite}html[dir=rtl] .service-card:after,html[dir=rtl] .pillar-card:after{animation-name:pathFlowRtl}.service-card:hover,.pillar-card:hover{border-color:#38d5ff70;transform:translateY(-4px)}.service-icon,.pillar-card>span,.story-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(77,219,255,.33);border-radius:var(--radius);color:var(--cyan-400);background:#38d5ff1a}.service-card h3,.pillar-card h2{margin:22px 0 12px;color:#fff;font-size:1.22rem}.service-card p{margin:0;color:var(--muted);line-height:1.65}.movement-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);align-items:center;gap:70px;padding:86px 0;border-top:1px solid rgba(147,214,255,.13)}.animated-glasses{position:relative;min-height:390px;border:1px solid rgba(128,218,255,.18);border-radius:var(--radius);background:linear-gradient(180deg,#092950bd,#020d1cd1),repeating-linear-gradient(90deg,transparent 0,transparent 46px,rgba(127,218,255,.05) 47px,transparent 48px);box-shadow:var(--shadow);overflow:hidden}.glasses-frame{position:absolute;inset-block-start:42%;inset-inline:11%;display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;transform:translateY(-50%);animation:frameFloat 5.8s ease-in-out infinite}.lens{position:relative;height:118px;border:12px solid #e9f8ff;border-radius:8px 8px 42px 42px;background:#38d5ff1a;box-shadow:inset 0 0 22px #38d5ff38,0 0 30px #38d5ff1f}.left-lens{transform:skew(7deg)}.right-lens{transform:skew(-7deg)}.lens span{position:absolute;top:20px;right:24px;bottom:20px;left:24px;border:1px solid rgba(56,213,255,.42);border-radius:6px;animation:hudPulse 2.4s ease-in-out infinite}.bridge{height:18px;margin:0 -5px;border-block-start:12px solid #e9f8ff;border-radius:50%}.data-ring{position:absolute;border:1px solid rgba(56,213,255,.32);border-radius:50%;animation:ringSpin 14s linear infinite}.ring-one{inset-block-start:42px;inset-inline-start:16%;width:250px;height:250px}.ring-two{inset-block-end:36px;inset-inline-end:12%;width:170px;height:170px;animation-duration:10s;animation-direction:reverse}.signal-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint-400);box-shadow:0 0 18px #4ce0c1c2;animation:dotFloat 4s ease-in-out infinite}.dot-one{inset-block-start:22%;inset-inline-start:28%}.dot-two{inset-block-start:62%;inset-inline-start:72%;animation-delay:.7s}.dot-three{inset-block-start:72%;inset-inline-start:42%;animation-delay:1.4s}.movement-copy p{margin:22px 0 0}.movement-points,.principles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.movement-points span,.principles-list span{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:13px;border:1px solid rgba(158,222,255,.15);border-radius:var(--radius);background:#ffffff0e;color:#dff4ff;line-height:1.45}.movement-points svg,.principles-list svg{flex:0 0 auto;margin-top:2px;color:var(--mint-400)}.status-section{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:38px;margin-bottom:96px;padding:34px;border:1px solid rgba(158,222,255,.18);border-radius:var(--radius);background:linear-gradient(90deg,#08305cdb,#041427d1)}.status-visual{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;color:var(--cyan-400)}.status-visual span{height:2px;overflow:hidden;background:linear-gradient(90deg,var(--cyan-400),var(--mint-400));box-shadow:0 0 18px #38d5ff99}.status-section h2{font-size:2rem}.status-section p:last-child{margin-bottom:0}.about-page{padding-bottom:96px}.page-hero{max-width:920px;padding:94px 0 62px}.page-hero p:last-child{max-width:760px;margin-top:24px;font-size:1.12rem}.about-story{display:grid;grid-template-columns:74px minmax(0,1fr);gap:24px;max-width:980px;padding:34px;border:1px solid rgba(158,222,255,.17);border-radius:var(--radius);background:#08274da3}.story-mark{width:64px;height:64px}.about-story h2{font-size:2rem}.about-story p{margin-bottom:0}.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.pillar-card{min-height:310px}.principles-section{margin-top:70px}.principles-list{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-page{display:grid;align-items:center;min-height:calc(100vh - 72px);padding:82px max(20px,calc((100% - 1180px)/2));background:linear-gradient(180deg,#03101f4d,#03101fbd),linear-gradient(90deg,rgba(7,66,123,.36),transparent 62%)}.contact-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.92fr);align-items:center;gap:54px;width:100%}.contact-intro h1{max-width:620px;margin:0;color:#fff;font-size:3.6rem;line-height:1.02}.contact-form{display:grid;gap:16px;padding:26px;border:1px solid rgba(158,222,255,.2);border-radius:var(--radius);background:linear-gradient(180deg,#0c3a64c2,#051830e6),var(--panel-solid);box-shadow:var(--shadow)}.contact-form label{display:grid;gap:8px}.contact-form span{color:#e9f8ff;font-size:.92rem;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(169,219,255,.2);border-radius:var(--radius);outline:0;background:#020c186b;color:#fff;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-form input{min-height:50px;padding:0 14px}.contact-form textarea{min-height:148px;padding:13px 14px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bdd2e8ad}.contact-form input:focus,.contact-form textarea:focus{border-color:#38d5ffbf;background:#020c1894;box-shadow:0 0 0 3px #38d5ff1f}.contact-submit{width:100%;margin-top:4px}.site-footer{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:26px 0 34px;border-top:1px solid rgba(147,214,255,.13);color:var(--soft);gap:18px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand p,.site-footer>p{margin:0}@keyframes slowDrift{0%{transform:scale(1.03) translate(0)}to{transform:scale(1.08) translate(18px)}}@keyframes lensScan{0%,to{transform:translate(0);opacity:.2}50%{transform:translate(58vw);opacity:1}}@keyframes hudPulse{0%,to{opacity:.74;box-shadow:inset 0 0 18px #38d5ff1c,0 0 18px #38d5ff24}50%{opacity:1;box-shadow:inset 0 0 24px #38d5ff3d,0 0 28px #38d5ff47}}@keyframes pathFlow{0%,to{transform:translate(-35%)}50%{transform:translate(35%)}}@keyframes pathFlowRtl{0%,to{transform:translate(35%)}50%{transform:translate(-35%)}}@keyframes frameFloat{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-12px)}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-12px);opacity:1}}@media(max-width:1040px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-section{grid-template-columns:1fr;gap:36px}.principles-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.navbar,.services-section,.movement-section,.status-section,.about-page,.site-footer{width:min(100% - 28px,1180px)}.navbar{min-height:66px}.brand-image-wrap{width:104px;height:54px}.brand-image-wrap img{width:104px}.mobile-menu-button{display:grid}.nav-panel{position:absolute;inset-block-start:66px;inset-inline:14px;display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid rgba(169,219,255,.18);border-radius:var(--radius);background:#041427f5;box-shadow:var(--shadow)}.nav-panel.is-open{display:flex}.nav-links{flex-direction:column;align-items:stretch}.nav-links a{justify-content:center}.hero-section{align-items:start;min-height:auto;padding:72px 18px 30px}.hero-section:before{background:linear-gradient(180deg,#020e1de6,#04162db8 58%,#04183273),linear-gradient(90deg,#020e1d94,#020e1d33)}.hero-media img{opacity:.42;object-position:63% center}.hero-content h1,.page-hero h1{font-size:3rem;line-height:1.02}.hero-lead{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px;margin-top:24px}.primary-action,.secondary-action{width:100%;flex:none}.hero-kpis{position:static;margin-top:26px;grid-template-columns:1fr}.hero-kpi{min-height:auto;padding:14px 16px;background:#020e1db8}.services-section{padding:66px 0 76px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2,.movement-copy h2,.status-section h2,.about-story h2,.principles-section h2{font-size:2rem}.service-grid,.about-pillars,.movement-points,.principles-list{grid-template-columns:1fr}.service-card,.pillar-card{min-height:auto}.movement-section{padding:68px 0}.animated-glasses{min-height:300px}.glasses-frame{inset-inline:7%;grid-template-columns:1fr 30px 1fr}.lens{height:82px;border-width:8px}.bridge{border-block-start-width:8px}.ring-one{width:190px;height:190px}.ring-two{width:130px;height:130px}.status-section{grid-template-columns:1fr;gap:24px;margin-bottom:72px;padding:24px}.page-hero{padding:64px 0 46px}.about-story{grid-template-columns:1fr;padding:24px}.contact-page{align-items:start;padding:58px 14px 76px}.contact-shell{grid-template-columns:1fr;gap:28px}.contact-intro h1{font-size:2.7rem}.contact-form{padding:20px}.site-footer,.footer-brand{flex-direction:column;align-items:flex-start}}@media(max-width:430px){.hero-section{padding-bottom:28px}.hero-content h1,.page-hero h1{font-size:2.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
