:root{--uf-teal:#2EE5B8;--uf-purple:#4318C9;--uf-bg:#060310;--uf-panel:#0d0820;--uf-panel-2:#120b2a;--uf-white:#fff;--uf-muted:rgba(255,255,255,.64);--uf-line:rgba(255,255,255,.1);--uf-english:'Inter',sans-serif;--uf-arabic:'Tajawal',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--uf-bg);scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:radial-gradient(circle at 86% 5%,rgba(67,24,201,.17),transparent 27%),var(--uf-bg);color:var(--uf-white);font-family:var(--uf-arabic);overflow-x:hidden}
body.en{font-family:var(--uf-english);direction:ltr}
body.en [data-ar],body:not(.en) [data-en]{display:none!important}
a{color:inherit}
button,input{font:inherit}
.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link{position:fixed;inset-inline-start:18px;top:-60px;z-index:10000;background:var(--uf-teal);color:#04100e;padding:10px 16px;border-radius:8px;font-weight:800;text-decoration:none;transition:top .2s}.skip-link:focus{top:16px}

/* Shared header and footer. */
#nav{position:fixed;top:0;inset-inline:0;z-index:800;padding:22px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .35s,padding .35s,border-color .35s}
#nav.s{background:rgba(5,2,8,.94);backdrop-filter:blur(24px);padding:14px 6%;border-bottom:1px solid rgba(46,229,184,.09)}
.nb{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.nb-txt{height:28px;width:auto;object-fit:contain;mix-blend-mode:screen;opacity:.96}
.nl{align-items:center;display:flex;gap:clamp(15px,1.8vw,30px);list-style:none}.nl a{color:var(--uf-muted);font-size:.79rem;letter-spacing:.2px;position:relative;text-decoration:none;transition:color .25s}.nl a::after{background:var(--uf-teal);bottom:-5px;box-shadow:0 0 8px var(--uf-teal);content:'';height:2px;inset-inline:0;position:absolute;transform:scaleX(0);transition:transform .3s}.nl a:hover,.nl a.act{color:var(--uf-white)}.nl a:hover::after,.nl a.act::after{transform:scaleX(1)}.nl a.act{color:var(--uf-teal);font-weight:700}
.nr{align-items:center;display:flex;flex:0 0 auto;gap:10px}.nlang{background:rgba(255,255,255,.04);border:1px solid rgba(46,229,184,.25);border-radius:999px;color:var(--uf-teal);cursor:pointer;font-family:var(--uf-english);font-size:.68rem;letter-spacing:1.8px;padding:7px 14px}.ncta{background:var(--uf-teal);border-radius:999px;color:#06110e;font-size:.78rem;font-weight:800;padding:10px 19px;text-decoration:none;transition:box-shadow .25s,transform .25s}.ncta:hover{box-shadow:0 7px 28px rgba(46,229,184,.35);transform:translateY(-2px)}
.hbg{align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(46,229,184,.24);border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:9px;width:40px}.hbg span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .3s;width:20px}.hbg.open span:first-child{transform:translateY(7px) rotate(45deg)}.hbg.open span:nth-child(2){opacity:0}.hbg.open span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mob-menu{align-items:center;background:rgba(5,2,8,.98);backdrop-filter:blur(22px);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:700}.mob-menu.open{opacity:1;pointer-events:auto}.mob-menu-inner{align-items:center;display:flex;flex-direction:column;gap:8px;padding:90px 6% 30px;text-align:center;width:100%}.mob-links{display:flex;flex-direction:column;gap:5px;list-style:none;width:100%}.mob-link{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#fff;display:block;font-size:1.04rem;font-weight:700;padding:15px 22px;text-decoration:none}.mob-link:hover,.mob-link.act{background:rgba(46,229,184,.08);border-color:rgba(46,229,184,.28);color:var(--uf-teal)}.mob-cta{background:var(--uf-teal);color:#05100d!important;margin-top:12px}.mob-lang{margin-top:8px}

.blog-hero{isolation:isolate;min-height:440px;overflow:hidden;padding:172px 6% 86px;position:relative}.blog-hero::before{background:linear-gradient(90deg,#060310 4%,rgba(6,3,16,.78) 40%,rgba(6,3,16,.27) 100%),url('uf-visual.webp') center/cover;content:'';inset:0;position:absolute;z-index:-2}.en .blog-hero::before{background:linear-gradient(270deg,#060310 4%,rgba(6,3,16,.78) 40%,rgba(6,3,16,.27) 100%),url('uf-visual.webp') center/cover}.blog-hero::after{background:radial-gradient(circle at 50% 20%,rgba(46,229,184,.1),transparent 43%);content:'';inset:0;pointer-events:none;position:absolute;z-index:-1}.blog-hero-inner{max-width:850px}.blog-eyebrow{align-items:center;color:var(--uf-teal);display:flex;font-family:var(--uf-english);font-size:.67rem;font-weight:700;gap:9px;letter-spacing:3px;margin-bottom:18px;text-transform:uppercase}.blog-eyebrow::before{background:var(--uf-teal);border-radius:50%;box-shadow:0 0 12px var(--uf-teal);content:'';height:6px;width:6px}.blog-title{font-size:clamp(2.7rem,6vw,5.6rem);font-weight:900;letter-spacing:-2.5px;line-height:1.02;max-width:780px}.blog-title .accent{color:var(--uf-teal)}.blog-description{color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.9;margin-top:22px;max-width:640px}.blog-hero-art{border:1px solid rgba(46,229,184,.22);border-radius:50%;height:250px;inset-inline-end:9%;opacity:.64;position:absolute;top:120px;width:250px}.blog-hero-art::before,.blog-hero-art::after{border:1px solid rgba(67,24,201,.5);border-radius:50%;content:'';inset:26px;position:absolute}.blog-hero-art::after{border-color:rgba(46,229,184,.4);inset:64px}

.blog-content{margin:0 auto;max-width:1280px;padding:72px 6% 112px}.blog-toolbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:42px}.blog-filter-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none}.blog-filter{background:rgba(255,255,255,.025);border:1px solid var(--uf-line);border-radius:999px;color:var(--uf-muted);display:inline-flex;font-size:.8rem;font-weight:700;padding:9px 15px;text-decoration:none;transition:background .22s,border-color .22s,color .22s}.blog-filter:hover,.blog-filter.is-active{background:rgba(46,229,184,.1);border-color:rgba(46,229,184,.46);color:var(--uf-teal)}
.blog-search{display:flex;min-width:min(100%,260px);position:relative}.blog-search input{background:rgba(255,255,255,.035);border:1px solid var(--uf-line);border-radius:999px;color:#fff;min-width:0;outline:0;padding:10px 42px 10px 15px;width:100%}.blog-search input:focus{border-color:var(--uf-teal)}.blog-search input::placeholder{color:rgba(255,255,255,.45)}.blog-search button{background:transparent;border:0;color:var(--uf-teal);cursor:pointer;height:100%;inset-inline-end:0;position:absolute;top:0;width:39px}.blog-search svg{height:17px;width:17px}
.blog-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);border-radius:18px;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;transition:border-color .35s,box-shadow .35s,transform .35s}.article-card:first-child:nth-last-child(n+1){grid-column:span 2}.article-card:hover{border-color:rgba(46,229,184,.45);box-shadow:0 22px 45px rgba(0,0,0,.25);transform:translateY(-5px)}.article-card-media{aspect-ratio:1.65;display:block;overflow:hidden;position:relative}.article-card-media::after{background:linear-gradient(180deg,transparent 38%,rgba(5,2,12,.48));content:'';inset:0;position:absolute}.article-card-media img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1);width:100%}.article-card:hover .article-card-media img{transform:scale(1.06)}.article-card-fallback{background:radial-gradient(circle at 25% 20%,rgba(46,229,184,.28),transparent 25%),linear-gradient(135deg,#100530,#28105e);height:100%;position:relative}.article-card-fallback::before{border:1px solid rgba(46,229,184,.38);border-radius:50%;content:'';height:130px;inset-inline-end:11%;position:absolute;top:13%;width:130px}.article-card-fallback::after{background:linear-gradient(135deg,rgba(255,255,255,.13),transparent);clip-path:polygon(0 62%,100% 16%,100% 100%,0 100%);content:'';inset:0;position:absolute}.article-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.article-card-meta{align-items:center;color:rgba(255,255,255,.5);display:flex;font-family:var(--uf-english);font-size:.66rem;gap:9px;letter-spacing:.2px;margin-bottom:13px}.article-category{color:var(--uf-teal);font-weight:800}.article-category::after{color:rgba(255,255,255,.32);content:'•';margin-inline:9px}.article-card-title{font-size:clamp(1.12rem,1.45vw,1.42rem);font-weight:800;line-height:1.5}.article-card-title a{text-decoration:none}.article-card-title a:hover{color:var(--uf-teal)}.article-card-excerpt{color:var(--uf-muted);font-size:.88rem;line-height:1.95;margin:13px 0 22px}.article-read{align-items:center;color:var(--uf-teal);display:inline-flex;font-size:.82rem;font-weight:800;gap:8px;margin-top:auto;text-decoration:none}.article-read svg{height:16px;transition:transform .25s;width:16px}.article-read:hover svg{transform:translateX(-4px)}.en .article-read:hover svg{transform:translateX(4px)}
.blog-empty{background:rgba(255,255,255,.025);border:1px dashed rgba(46,229,184,.3);border-radius:18px;padding:70px 28px;text-align:center}.blog-empty-icon{align-items:center;background:rgba(46,229,184,.1);border:1px solid rgba(46,229,184,.28);border-radius:50%;color:var(--uf-teal);display:flex;height:54px;justify-content:center;margin:0 auto 18px;width:54px}.blog-empty h2{font-size:1.45rem;margin-bottom:9px}.blog-empty p{color:var(--uf-muted);line-height:1.8;margin:auto;max-width:500px}
.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:54px}.blog-page-number{align-items:center;background:rgba(255,255,255,.035);border:1px solid var(--uf-line);border-radius:9px;color:var(--uf-muted);display:flex;font-family:var(--uf-english);font-size:.8rem;height:38px;justify-content:center;min-width:38px;padding:0 11px;text-decoration:none}.blog-page-number:hover,.blog-page-number.current{background:var(--uf-teal);border-color:var(--uf-teal);color:#07100d;font-weight:800}

.article-hero{background:linear-gradient(150deg,#0c0620 0%,#060310 72%);min-height:470px;overflow:hidden;padding:166px 6% 76px;position:relative}.article-hero::before{background:radial-gradient(circle at 80% 35%,rgba(67,24,201,.42),transparent 30%),radial-gradient(circle at 18% 0%,rgba(46,229,184,.12),transparent 26%);content:'';inset:0;pointer-events:none;position:absolute}.article-hero-inner{margin:0 auto;max-width:980px;position:relative}.article-breadcrumb{color:rgba(255,255,255,.55);display:flex;font-size:.79rem;gap:8px;margin-bottom:27px}.article-breadcrumb a{color:var(--uf-teal);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-hero-meta{align-items:center;color:rgba(255,255,255,.58);display:flex;font-family:var(--uf-english);font-size:.72rem;gap:10px;margin-bottom:17px}.article-hero-category{color:var(--uf-teal);font-weight:800}.article-hero-title{font-size:clamp(2rem,4.8vw,4.3rem);font-weight:900;letter-spacing:-1.8px;line-height:1.16;max-width:950px}.article-hero-excerpt{color:rgba(255,255,255,.73);font-size:1.04rem;line-height:1.9;margin-top:21px;max-width:730px}
.article-layout{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) 245px;margin:0 auto;max-width:1120px;padding:68px 6% 112px}.article-featured{border:1px solid rgba(255,255,255,.1);border-radius:18px;margin-bottom:36px;overflow:hidden}.article-featured img{display:block;height:auto;max-height:600px;object-fit:cover;width:100%}.article-content{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:2.05}.article-content>*+*{margin-top:1.45em}.article-content h2,.article-content h3,.article-content h4{color:#fff;font-weight:900;line-height:1.35;margin-top:2em}.article-content h2{font-size:1.72rem}.article-content h3{font-size:1.35rem}.article-content a{color:var(--uf-teal);text-decoration:underline;text-underline-offset:4px}.article-content ul,.article-content ol{padding-inline-start:1.3em}.article-content li+li{margin-top:.4em}.article-content blockquote{border-inline-start:3px solid var(--uf-teal);color:#fff;font-size:1.1rem;font-weight:700;margin-inline:0;padding:14px 21px}.article-sidebar{align-self:start;position:sticky;top:110px}.article-sidebar-card{background:rgba(255,255,255,.03);border:1px solid var(--uf-line);border-radius:14px;padding:20px}.article-sidebar-card h2{font-size:1rem;margin-bottom:12px}.article-sidebar-card p{color:var(--uf-muted);font-size:.85rem;line-height:1.85}.article-sidebar-card .ncta{display:inline-flex;margin-top:17px}.article-back{align-items:center;color:var(--uf-teal);display:inline-flex;font-size:.83rem;font-weight:800;gap:8px;margin-top:35px;text-decoration:none}.article-back:hover{text-decoration:underline}

footer{background:linear-gradient(100deg,rgba(21,104,98,.52),rgba(6,3,16,.98) 41%,rgba(10,4,27,.99));border-top:1px solid rgba(255,255,255,.06);padding:59px 6% 22px;position:relative}.ftg{display:grid;gap:38px;grid-template-columns:1.8fr 1fr 1fr 1fr;margin:0 auto 47px;max-width:1280px}.ft-brand{display:inline-flex;text-decoration:none}.ftdesc{color:rgba(255,255,255,.7);font-size:.91rem;line-height:1.9;margin-top:5px;max-width:320px}.ftsoc{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.fts{align-items:center;background:rgba(0,0,0,.19);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:rgba(255,255,255,.72);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .25s;width:32px}.fts:hover{border-color:var(--uf-teal);color:var(--uf-teal)}.fcol h5{color:rgba(255,255,255,.45);font-family:var(--uf-english);font-size:.76rem;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}.fcol ul{display:flex;flex-direction:column;gap:10px;list-style:none}.fcol a{color:rgba(255,255,255,.72);font-size:.89rem;text-decoration:none}.fcol a:hover{color:var(--uf-teal)}.ftbot{align-items:center;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-top:20px}.ftcopy{color:rgba(255,255,255,.52);font-family:var(--uf-english);font-size:.78rem}.btt{align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:var(--uf-teal);display:flex;height:30px;justify-content:center;text-decoration:none;width:30px}.btt:hover{background:rgba(46,229,184,.09);border-color:var(--uf-teal)}

@media(prefers-reduced-motion:no-preference){.motion-ready .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.motion-ready .reveal.from-left{transform:translate3d(-36px,0,0)}.motion-ready .reveal.from-right{transform:translate3d(36px,0,0)}}
@media(max-width:1120px){.nl{gap:17px}.nl a{font-size:.73rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card:first-child:nth-last-child(n+1){grid-column:auto}.ftg{grid-template-columns:1.5fr 1fr 1fr}.ftg .fcol:last-child{grid-column:2}.article-layout{grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:860px){#nav{padding:16px 5%}.nl,.ncta{display:none}.hbg{display:flex}.blog-hero{min-height:400px;padding:145px 6% 72px}.blog-hero-art{height:170px;inset-inline-end:5%;top:116px;width:170px}.blog-toolbar{align-items:stretch;flex-direction:column}.blog-search{width:100%}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.ftg{grid-template-columns:1fr 1fr}.ftg .fcol:last-child{grid-column:auto}}
@media(max-width:580px){.blog-hero{min-height:370px;padding:135px 6% 60px}.blog-hero::before,.en .blog-hero::before{background:linear-gradient(180deg,rgba(6,3,16,.62),#060310 100%),url('uf-visual.webp') center/cover}.blog-hero-art{display:none}.blog-title{font-size:clamp(2.35rem,12vw,3.5rem)}.blog-description{font-size:.93rem}.blog-content{padding:48px 5% 82px}.blog-grid{grid-template-columns:1fr}.article-card-body{padding:21px}.article-hero{min-height:410px;padding:130px 5% 60px}.article-hero-title{font-size:clamp(2rem,10.4vw,3rem)}.article-layout{padding:47px 5% 82px}.article-content{font-size:.96rem;line-height:2}.ftg{grid-template-columns:1fr;gap:29px}.ftbot{gap:16px}.ftcopy{font-size:.69rem}.article-card-meta{font-size:.61rem}.blog-filter{font-size:.75rem;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.article-card,.article-card-media img{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}