@media (max-width:1000px){
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'ThmanyahD';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahserifdisplay-Bold.otf') format('opentype');font-weight:700 900;font-style:normal;font-display:swap}
:root{--teal:#1D413A;--teal2:#3F6E62;--green:#0B7A55;--mint2:#a7e3c8;--mauve:#786CAB;--mauve2:#b3a9e6;--plum:#352B51;--steel:#3D5E82;--ink:#0d0e16;--ink2:#141521;--card:#161724;--mint:#E1F0E9;--lav:#F7F4F8;--paper:#F3EFE8;--muted:#9aa3b2;--line:rgba(255,255,255,.09);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#0d0e16;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:'Thmanyah','Tajawal',Tahoma,sans-serif;background:var(--ink);color:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.serif{font-family:'ThmanyahD','Thmanyah','ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-weight:700;text-wrap:balance}
::selection{background:rgba(120,108,171,.55);color:#fff}
::-moz-selection{background:rgba(120,108,171,.55);color:#fff}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--mint2);outline-offset:3px}
.wrap{max-width:1260px;margin:0 auto;padding:0 32px}
#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 55% at 22% 38%,rgba(11,122,85,.16),transparent 70%),radial-gradient(45% 45% at 85% 85%,rgba(120,108,171,.14),transparent 70%)}
.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{background-position:100% 0}25%{background-position:right -40px top 30px}50%{background-position:right 30px top -50px}75%{background-position:right -20px top -10px}100%{background-position:right 10px top 40px}}
main,footer{position:relative;z-index:1}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em 0 .24em;margin-bottom:-.22em}.wi{display:inline-block}

/* loader */
#loader{position:fixed;inset:0;z-index:1000;background:#08090f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
#loader img{width:96px}
#loader .bar{width:200px;height:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px}
#loader .bar i{display:block;height:100%;width:0;background:linear-gradient(-90deg,var(--mauve),var(--green))}
#loader small{font-size:12px;letter-spacing:3px;color:#6f7686}

/* cursor */
.cur,.cur-dot{position:fixed;top:0;right:0;z-index:999;pointer-events:none;border-radius:50%}
.cur{width:36px;height:36px;margin:-18px -18px 0 0;border:1px solid rgba(255,255,255,.45);transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .3s,border-color .3s}
.cur.big{width:70px;height:70px;margin:-35px -35px 0 0;background:rgba(120,108,171,.18);border-color:var(--mauve)}
.cur-dot{width:5px;height:5px;margin:-2.5px -2.5px 0 0;background:#fff}
@media (hover:none){.cur,.cur-dot{display:none}}

/* nav — modeled on altawthiq.com header */
.nav{position:fixed;top:0;right:0;left:0;z-index:80;background:rgba(5,7,20,.55);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07);transition:background .5s,box-shadow .5s;padding-top:env(safe-area-inset-top,0px)}
.nav.solid{background:rgba(5,7,20,.88);box-shadow:0 2px 18px rgba(0,0,0,.35)}
.nav-in{max-width:1320px;margin:0 auto;height:84px;padding:0 40px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:20px;padding:10px 0;flex-shrink:0;margin-inline-end:6px}
.brand .b1{height:48px;width:auto}.brand .b2{height:42px;width:auto;opacity:.95}
.brand .sep{width:1px;height:38px;background:rgba(255,255,255,.22)}
.menu{margin-inline:auto}
.menu>ul{display:flex;align-items:center;gap:2px;list-style:none}
.menu li{list-style:none;position:relative}
.menu .top,.menu .home-btn{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:500;color:#d5dae2;background:none;border:0;font-family:inherit;white-space:nowrap;transition:background .3s,color .3s}
.menu .top:hover,.menu .dd:hover>.top,.menu .dd:focus-within>.top{background:rgba(255,255,255,.07);color:#fff}
.menu .chev{width:11px;height:11px;transition:transform .4s var(--ease)}
.menu .dd:hover .chev,.menu .dd:focus-within .chev{transform:rotate(-180deg)}
.menu .home-btn svg{width:17px;height:17px}
.menu .home-btn.cur-page,.menu .dd.cur-page>.top{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff;border:1px solid rgba(255,255,255,.14)}
.menu .panel{position:absolute;top:100%;left:0;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .5s var(--ease),visibility .3s;z-index:5}
.menu .dd:hover>.panel,.menu .dd:focus-within>.panel{opacity:1;visibility:visible;transform:none}
.menu .panel>ul{min-width:250px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
.menu .panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;font-size:14.5px;color:#d5dae2;transition:background .3s,color .3s}
.menu .panel a small{font-size:11.5px;color:#7f8796;margin-inline-start:auto}
.menu .panel a:hover{background:rgba(255,255,255,.06);color:#fff}
.menu .arr{font-size:11px;color:#8b92a0}
.menu .subp{position:absolute;top:-8px;left:100%;margin-left:8px;min-width:260px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .3s,transform .5s var(--ease),visibility .3s;list-style:none}
.menu .sub:hover>.subp,.menu .sub:focus-within>.subp{opacity:1;visibility:visible;transform:none}
.menu .dd.wide>.panel{left:50%;transform:translate(-50%,-8px)}
.menu .dd.wide:hover>.panel,.menu .dd.wide:focus-within>.panel{transform:translate(-50%,0)}
.mega-in{width:760px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:14px;display:grid;grid-template-columns:230px 1fr;gap:14px;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.mg-tabs{display:flex;flex-direction:column;gap:6px}
.mg-tab{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;color:#c5cbd5;transition:background .3s,color .3s;border:1px solid transparent}
.mg-tab .ic{width:40px;height:40px;border-radius:12px;background:var(--lav);display:grid;place-items:center;flex-shrink:0}.mg-tab .ic img{width:28px}
.mg-tab b{font-size:15px;display:block}.mg-tab small{font-size:11.5px;color:#7f8796}
.mg-tab.on{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.08)}
.mg-body{border-radius:18px;padding:22px;background:var(--dg);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:280px}
.mg-body::after{content:'';position:absolute;inset:0;opacity:.1;background-image:linear-gradient(-135deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%);background-size:56px 56px;pointer-events:none}
.mg-body>*{position:relative;z-index:1}
.mg-body h4{font-size:26px}.mg-body p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.86)}
.mg-list{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.mg-list a{display:flex!important;justify-content:space-between;align-items:center;padding:12px 14px!important;border-radius:12px;background:rgba(10,11,20,.35)!important;border:1px solid rgba(255,255,255,.12);color:#fff!important;font-size:14px!important}
.mg-list a:hover{background:rgba(10,11,20,.6)!important}
.nav-act{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-act .lang{font-size:14px;color:#c5cbd5;padding:8px 10px;border-radius:10px}
.nav-act .lang:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-act .login{font-size:14px;font-weight:700;padding:10px 20px;border-radius:12px;background:#fff;color:#0d0e16;white-space:nowrap}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:18px;height:1.6px;background:#fff;border-radius:2px;transition:transform .4s var(--ease),opacity .3s}
.nav.open .burger i:nth-child(1){transform:translateY(6.6px) rotate(-45deg)}.nav.open .burger i:nth-child(2){opacity:0}.nav.open .burger i:nth-child(3){transform:translateY(-6.6px) rotate(45deg)}
@media(max-width:1240px){.nav-in{padding:0 24px;gap:12px}.menu .top,.menu .home-btn{padding:9px 9px;font-size:14px}.brand{gap:14px}.brand .b1{height:40px}.brand .b2{height:32px}.nav-act .lang{display:none}}
@media(max-width:1120px) and (min-width:1001px){.brand .b2,.brand .sep{display:none}}
@media(max-width:1000px){
 .nav{backdrop-filter:none;background:rgba(5,7,20,.94)}
 .nav-in{height:70px;padding:0 18px}
 .brand{gap:12px}.brand .b1{height:36px}.brand .b2{display:block;height:28px}.brand .sep{display:block;height:28px}
 .burger{display:flex}.nav-act .login{padding:9px 14px;font-size:13px}
 .menu{position:fixed;top:calc(70px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;margin:0;background:rgba(5,7,20,.98);overflow-y:auto;padding:14px 18px 40px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .35s,transform .5s var(--ease),visibility .35s}
 .nav.open .menu{opacity:1;visibility:visible;transform:none}
 .menu>ul{flex-direction:column;align-items:stretch;gap:4px}
 .menu .top,.menu .home-btn{width:100%;justify-content:space-between;padding:15px 14px;font-size:16px}
 .menu .panel,.menu .dd.wide>.panel{position:static;opacity:1;visibility:visible;transform:none;padding:0;display:none}
 .menu .dd.m-open>.panel{display:block}
 .menu .dd:hover>.panel{transform:none}
 .menu .panel>ul,.mega-in{min-width:0;width:auto;box-shadow:none;background:rgba(255,255,255,.03)}
 .menu .subp{position:static;opacity:1;visibility:visible;transform:none;margin:0 0 0 12px;box-shadow:none;background:transparent;border:0}
 .mega-in{grid-template-columns:1fr;width:auto!important}.mg-body{min-height:0}
 .menu .dd>.panel,.menu .dd:hover>.panel,.menu .dd:focus-within>.panel,.menu .dd.wide>.panel,.menu .dd.wide:hover>.panel,.menu .dd.wide:focus-within>.panel{transform:none!important;left:auto}
 .menu{background:#05070f}
 .mg-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.mg-tab{flex:0 0 auto}
}
@media(max-width:420px){.brand .b2,.brand .sep{display:none}}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:100px;font-weight:700;font-size:15px;position:relative;overflow:hidden;isolation:isolate;transition:color .4s;border:0;will-change:transform}
.btn::before{content:'';position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn svg{width:18px;height:18px}
.b-mauve{background:var(--mauve);color:#fff}.b-mauve::before{background:var(--green)}
.b-mint{background:var(--mint);color:var(--teal)}.b-mint::before{background:#fff}
.b-line{border:1px solid rgba(255,255,255,.24);color:#fff}.b-line::before{background:#fff}.b-line:hover{color:var(--ink)}
.b-sm{padding:10px 18px;font-size:13.5px}
.lvl{font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:100px;background:rgba(255,255,255,.08);color:#cfd4dd;white-space:nowrap}
.lvl.live{background:rgba(95,208,160,.16);color:#8ae6bd}

/* shared type */
section{position:relative}
.eb{display:inline-flex;align-items:center;gap:12px;color:var(--mint2);font-weight:800;font-size:13px;margin-bottom:18px;letter-spacing:.2px}
.eb::before{content:'';width:28px;height:1px;background:currentColor}
.h2{font-size:clamp(32px,4.2vw,60px);line-height:1.28}
.sub{color:#aeb5c2;font-size:17px;line-height:1.9;max-width:580px;margin-top:18px}
.head{margin-bottom:60px}.head.c{text-align:center}.head.c .sub{margin-inline:auto}
.ic-tile{border-radius:24px;background:var(--lav);display:grid;place-items:center;box-shadow:0 20px 44px rgba(0,0,0,.3)}
[data-fade]{will-change:transform}

/* hero base */
.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 100px;position:relative}
.hero .wrap{width:100%}
.hero-copy{max-width:760px;position:relative;z-index:2}
.pill{display:inline-flex;gap:10px;align-items:center;padding:8px 16px;border-radius:100px;border:1px solid rgba(225,240,233,.18);background:rgba(225,240,233,.05);font-size:13px;font-weight:700;color:var(--mint);margin-bottom:26px}
.pill i{width:7px;height:7px;background:var(--mauve);transform:rotate(-45deg)}
.hero h1{font-size:clamp(30px,3.7vw,54px);line-height:1.3;margin-bottom:22px}
.hero h1 .g .wi{background:linear-gradient(-90deg,#a7e3c8,#a59be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:23px;line-height:1.9;color:#c3c9d4;max-width:640px;margin-bottom:36px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.chips{position:absolute;inset:0;pointer-events:none;z-index:1}
.chip{position:absolute;padding:13px 16px;border-radius:18px;background:rgba(20,21,33,.6);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);font-size:13px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.chip .ic{width:36px;height:36px;border-radius:10px;background:var(--lav);display:grid;place-items:center}.chip .ic img{width:26px}
.chip b{display:block;font-size:13.5px}.chip small{color:var(--muted);font-size:11.5px}
.chip .bar{width:120px;height:5px;border-radius:5px;background:rgba(255,255,255,.1);margin-top:6px;overflow:hidden}
.chip .bar i{display:block;height:100%;width:0;background:linear-gradient(-90deg,var(--mauve),#5fd0a0)}
.hint{position:absolute;bottom:28px;right:0;left:0;z-index:2}
.hint .wrap{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.hint .mouse{display:flex;align-items:center;gap:10px}
.hint .mouse i{width:20px;height:32px;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;position:relative}
.hint .mouse i::after{content:'';position:absolute;top:6px;right:50%;width:3px;height:7px;margin-right:-1.5px;border-radius:2px;background:#fff;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(9px)}}
.hint .live{display:flex;align-items:center;gap:8px}.hint .live b{width:6px;height:6px;border-radius:50%;background:#7CE0A6;box-shadow:0 0 12px #7CE0A6}

/* marquee */
.marquee{padding:46px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:1;background:rgba(13,14,22,.35)}
.mq{display:flex;width:max-content;will-change:transform}
.mq span{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(38px,6vw,92px);font-weight:700;white-space:nowrap;padding:0 30px;line-height:1.35;display:flex;align-items:center;gap:60px}
.mq span.o{color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.32)}
.mq span em{font-style:normal;width:18px;height:18px;background:var(--mauve);transform:rotate(-45deg);flex-shrink:0}

/* faq */
.faq{padding:120px 0}
.faqg{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.qa{border-bottom:1px solid var(--line)}
.qa button{all:unset;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;font-size:20px;font-weight:700;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;box-sizing:border-box}
.qa button:focus-visible{outline:2px solid var(--mint2);outline-offset:4px}
.qa .pm{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;flex-shrink:0;transition:all .5s var(--ease)}
.qa .pm::before,.qa .pm::after{content:'';position:absolute;top:50%;right:50%;width:14px;height:1.5px;background:#fff;transform:translate(50%,-50%);transition:transform .5s var(--ease)}
.qa .pm::after{transform:translate(50%,-50%) rotate(-90deg)}
.qa.open .pm{background:var(--mauve);border-color:var(--mauve);transform:rotate(-180deg)}
.qa.open .pm::after{transform:translate(50%,-50%) rotate(0)}
.qa .ans{height:0;overflow:hidden}
.qa .ans p{padding:0 0 26px;color:#b3bac6;font-size:16px;line-height:1.9;max-width:640px}

/* big cta */
.bigcta{padding:130px 0 150px;text-align:center}
.bigcta h2{font-size:clamp(26px,3.2vw,46px);line-height:1.4;max-width:860px;margin:0 auto}
.bigcta p{color:#b8bfcb;font-size:18px;line-height:1.9;max-width:560px;margin:24px auto 44px}
.orb{width:180px;height:180px;border-radius:50%;background:var(--mauve);color:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;position:relative;overflow:hidden;isolation:isolate}
.orb::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--green);transform:scale(0);transition:transform .7s var(--ease);z-index:-1}
.orb:hover::before{transform:scale(1)}
.orb svg{width:26px;height:26px}
.cta-links{display:flex;justify-content:center;gap:12px;margin-top:34px;flex-wrap:wrap}

/* support tiles */
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.s-tile{padding:28px;border-radius:24px;background:rgba(20,21,33,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:transform .5s var(--ease),background .4s;backdrop-filter:blur(10px)}
.s-tile:hover{transform:translateY(-6px);background:rgba(30,31,48,.7)}
.s-tile svg{width:30px;height:30px;margin-bottom:14px;color:var(--mint2)}
.s-tile small{color:#aeb5c2;font-size:13px}
.s-tile b{font-size:18px}
.ltr{direction:rtl;unicode-bidi:isolate;display:inline-block}

footer{border-top:1px solid var(--line);padding:70px 0 30px;background:#0a0b12}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.f-grid img{height:50px;width:auto;margin-bottom:18px}
.f-grid p{color:#7f8796;font-size:14px;line-height:1.9;max-width:320px}
.f-grid h4{font-family:'Thmanyah','Tajawal',sans-serif;font-size:14px;margin-bottom:16px}
.f-grid ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.f-grid ul a{color:#7f8796;font-size:14px;transition:color .3s}.f-grid ul a:hover{color:#fff}
.f-bot{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;color:#5f6675}
.exp{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;font-size:12px;background:rgba(13,14,22,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:8px 14px;border-radius:100px;color:#c9ced8;display:flex;gap:8px;align-items:center}
.exp b{width:7px;height:7px;border-radius:50%;background:#8ae6bd}

@media(max-width:1000px){
 .wrap{padding:0 18px}
 .hero{padding-top:130px}.chips{display:none}
 .hero-copy{max-width:100%}
 .f-grid{grid-template-columns:1fr 1fr}.s-grid{grid-template-columns:1fr}
 .faqg{grid-template-columns:1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){.grain{animation:none}}

/* شارة المركز الوطني للتعليم الإلكتروني (تُحقن من إضافتها) — تثبيت أنيق أسفل اليسار */
#nelc-entity-verification-badge{position:fixed!important;right:18px!important;left:auto!important;bottom:18px!important;top:auto!important;z-index:80!important;width:250px;height:60px;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45);background:#fff;transition:transform .5s var(--ease),opacity .4s}
#nelc-entity-verification-badge iframe{display:block;width:250px;height:60px;border:0}
body.has-bar #nelc-entity-verification-badge{transform:translateY(120px);opacity:0}
@media(max-width:700px){#nelc-entity-verification-badge{transform:scale(.8);transform-origin:right bottom;right:10px!important;bottom:10px!important}}

.cta-pill{display:inline-flex;align-items:center;gap:12px;padding:18px 38px;border-radius:16px;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);border:1px solid rgba(255,255,255,.14);margin-bottom:26px;transition:transform .4s var(--ease),box-shadow .4s}
.cta-pill:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.35)}
.cta-pill svg{width:22px;height:22px}

/* زر الوضع الفاتح/الداكن */
.theme-t{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;flex-shrink:0;transition:background .3s}
.theme-t:hover{background:rgba(255,255,255,.14)}
.theme-t svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.theme-t .sun{display:none}html.lt .theme-t .sun{display:block}html.lt .theme-t .moon{display:none}


:root{--pg:#0d0e16;--card:#161724;--card2:#1a1a2c;--line2:rgba(255,255,255,.09);--tx:#fff;--tx2:#aeb5c2;--tx3:#8d94a4;--field:#12131f}
html.lt body{--pg:#F4F1F8;--card:#ece6fb;--card2:#e2d9f6;--line2:rgba(120,108,171,.22);--tx:#0d0e16;--tx2:#4d5261;--tx3:#6b7080;--field:#f7f4fd}
.pg{padding:150px 0 90px;min-height:70vh}
.pg-h{max-width:820px;margin-bottom:34px}
.pg-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#a7e3c8}
html.lt .pg-k{color:#0B7A55}
.pg-k::before{content:'';width:22px;height:1px;background:currentColor}
.pg h1{font-size:clamp(38px,4.6vw,64px);line-height:1.15;color:var(--tx);margin:12px 0 14px}
.pg-lead{font-size:18px;line-height:1.9;color:var(--tx2)}
.lc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lc{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--line2);background:var(--card);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .35s;color:var(--tx)}
.lc:nth-child(3n+2){background:linear-gradient(-165deg,#153227,#10221b)}.lc:nth-child(3n){background:linear-gradient(-165deg,#172841,#111c30)}
html.lt .lc{background:linear-gradient(-165deg,#f1ecfc,#e2d9f6)}html.lt .lc:nth-child(3n+2){background:linear-gradient(-165deg,#e6f5ee,#cfeadd)}html.lt .lc:nth-child(3n){background:linear-gradient(-165deg,#e8eff9,#d3e1f2)}
.lc:hover{transform:translateY(-6px);border-color:rgba(120,108,171,.5);box-shadow:0 24px 50px rgba(0,0,0,.22)}
.lc-m{aspect-ratio:16/9;background:linear-gradient(-145deg,#352B51,#1D413A);overflow:hidden}
.lc-m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.lc:hover .lc-m img{transform:scale(1.05)}
.lc-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.lc-t{align-self:flex-start;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:100px;background:rgba(255,255,255,.1);color:var(--tx)}
html.lt .lc-t{background:rgba(53,43,81,.1);color:#352B51}
.lc h3{font-size:18px;line-height:1.55;color:var(--tx)}
.lc p{font-size:14px;line-height:1.85;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lc-f{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--tx3)}
.lc-go{font-weight:800;color:var(--tx);font-size:13.5px}
.lc-none{grid-column:1/-1;padding:40px;text-align:center;border-radius:22px;border:1px dashed var(--line2);color:var(--tx2)}
.pg-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.pg-srch{display:flex;align-items:center;gap:10px;width:min(420px,100%);padding:0 16px;height:52px;border-radius:16px;background:var(--field);border:1px solid var(--line2)}
.pg-srch svg{width:18px;height:18px;stroke:var(--tx3);fill:none;stroke-width:2;flex-shrink:0}
.pg-srch input{all:unset;flex:1;color:var(--tx);font-size:15px;font-family:inherit}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tabs button{all:unset;cursor:pointer;padding:11px 20px;border-radius:100px;font-weight:800;font-size:14.5px;color:var(--tx2);background:var(--card);border:1px solid var(--line2);transition:all .25s}
.tabs button.on{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff;border-color:transparent}
.tabs button:focus-visible{outline:2px solid #a7e3c8}
.panel[hidden]{display:none}
.cta-band{margin-top:60px;border-radius:28px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#fff;background:radial-gradient(360px 240px at 0% 0%,rgba(167,227,200,.25),transparent 70%),linear-gradient(-135deg,#352B51,#1D413A)}
.cta-band h2{font-size:clamp(24px,2.6vw,34px);color:#fff;max-width:640px}
.btn-p{display:inline-flex;align-items:center;padding:15px 30px;border-radius:100px;font-weight:800;font-size:15.5px;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);box-shadow:0 14px 30px rgba(120,108,171,.35);transition:transform .25s}
.btn-p:hover{transform:translateY(-2px)}
.btn-w{display:inline-flex;align-items:center;padding:15px 30px;border-radius:100px;font-weight:800;font-size:15.5px;color:#1D413A;background:#fff}

/* الوضع الفاتح: نصوص داكنة داخل البطاقات الفاتحة (تتقدم على قواعد الجزر الداكنة) */
html.lt body .pg :is(.dh-card,.fc,.st,.pk,.lc,.fq,.prose,.tier,.kv div,.pill-c) :is(p,li,dd,td,small,dt){color:#4d5261!important}
html.lt body .pg :is(.dh-card,.fc,.st,.pk,.lc,.fq,.prose) :is(h2,h3,h4,b,strong,summary,th){color:#0d0e16!important}
html.lt body .pg .tier b,html.lt body .pg .tier span strong,html.lt body .pg .kv dd{color:#0d0e16!important}
html.lt body .pg .tier span{color:#4d5261!important}
html.lt body .pg .pk-note{color:#0B7A55!important}
html.lt body .pg .lc-go{color:#352B51!important}
html.lt body .pg .dh h1 em{color:transparent!important;-webkit-text-fill-color:transparent;background-image:linear-gradient(-90deg,#786CAB,#0B7A55)!important}
html.lt body .pg .btn-p,html.lt body .pg .st b,html.lt body .pg .prose .alt-num{color:#fff!important}
html.lt body .pg .cta-band h2{color:#fff!important}

@media(max-width:1000px){.pg{padding-top:110px}.lc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lc-grid{grid-template-columns:1fr}.cta-band{padding:26px}}

.gh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}
.gh .btn-p{margin-top:22px}
.gf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gfc{border-radius:22px;padding:22px;border:1px solid var(--line2);background:var(--card)}
.gfc:nth-child(2){background:linear-gradient(-165deg,#153227,#10221b)}.gfc:nth-child(3){background:linear-gradient(-165deg,#172841,#111c30)}.gfc:nth-child(4){background:linear-gradient(-165deg,#2e2314,#1f180e)}
html.lt .gfc{background:linear-gradient(-165deg,#f1ecfc,#e2d9f6)}html.lt .gfc:nth-child(2){background:linear-gradient(-165deg,#e6f5ee,#cfeadd)}html.lt .gfc:nth-child(3){background:linear-gradient(-165deg,#e8eff9,#d3e1f2)}html.lt .gfc:nth-child(4){background:linear-gradient(-165deg,#fbeede,#f1d9bd)}
.gfc h3{font-size:17px;color:var(--tx);margin-bottom:6px}.gfc p{font-size:14px;color:var(--tx2);line-height:1.8}
.af{margin-top:60px;border-radius:28px;padding:34px;border:1px solid var(--line2);background:radial-gradient(420px 260px at 100% 0%,rgba(120,108,171,.25),transparent 70%),linear-gradient(-170deg,#1a1a2c,#15162a)}
html.lt .af{background:radial-gradient(420px 260px at 100% 0%,rgba(120,108,171,.2),transparent 70%),linear-gradient(-170deg,#f3eefd,#e6def8)}
.af>h2{font-size:clamp(24px,2.6vw,34px);color:var(--tx)}
.af-notes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}
.af-notes span{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:100px;background:rgba(255,255,255,.07);color:var(--tx2);border:1px solid var(--line2)}
html.lt .af-notes span{background:rgba(255,255,255,.7)}
.af fieldset{border:0;padding:0;margin:0 0 22px}
.af legend{font-size:18px;font-weight:800;color:var(--tx);margin-bottom:12px;padding:0}
.ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ag .full{grid-column:1/-1}
.fi{display:flex;flex-direction:column;gap:7px}
.fi label{font-size:13.5px;font-weight:800;color:var(--tx)}
.fi label .rq{color:#e86a6a}
.fi input,.fi select,.fi textarea{border-radius:14px;border:1px solid var(--line2);background:var(--field);color:var(--tx);padding:0 16px;height:52px;font:inherit;font-size:15px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}
.fi textarea{height:auto;min-height:110px;padding:14px 16px;resize:vertical}
.fi input[type=file]{padding:12px 16px;height:auto}
.fi input:focus,.fi select:focus,.fi textarea:focus{border-color:var(--mauve);box-shadow:0 0 0 4px rgba(120,108,171,.18)}
.fi.bad input,.fi.bad select,.fi.bad textarea{border-color:#e86a6a}
.fi .er{font-size:12.5px;color:#e86a6a;min-height:0}
.acc{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tx2);line-height:1.8}
.acc input{width:20px;height:20px;margin-top:4px;accent-color:#786CAB;flex-shrink:0}
.af-sub{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.af-sub button{all:unset;cursor:pointer;padding:15px 34px;border-radius:100px;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);box-shadow:0 14px 30px rgba(120,108,171,.35)}
.af-sub button[disabled]{opacity:.6;cursor:wait}
.af-msg{font-size:14.5px;font-weight:700;color:var(--tx2)}.af-msg.ok{color:#2fb37f}.af-msg.err{color:#e86a6a}
html.lt body .pg .gfc h3,html.lt body .pg .af legend,html.lt body .pg .af>h2{color:#0d0e16!important}
html.lt body .pg .gfc p{color:#4d5261!important}
@media(max-width:1000px){.gh{grid-template-columns:1fr}}
@media(max-width:620px){.gf,.ag{grid-template-columns:1fr}.af{padding:20px}}

body,#app{direction:ltr}
.ltr,[dir=ltr]{direction:ltr!important;unicode-bidi:isolate}

html.lt{--line:rgba(13,14,22,.1);--muted:#5b606e;--mint2:#0B7A55;--card:#ffffff}html.lt body,html.lt #app{background:radial-gradient(900px 600px at 100% 0%,rgba(120,108,171,.16),transparent 60%),radial-gradient(800px 600px at 0% 45%,rgba(11,122,85,.10),transparent 60%),radial-gradient(900px 700px at 100% 100%,rgba(61,94,130,.10),transparent 60%),#F4F1F8;background-attachment:fixed;color:#15161f}html.lt .bg-glow,html.lt .grain{display:none}html.lt .b-line{border-color:rgba(13,14,22,.25);color:#0d0e16}html.lt .b-line::before{background:#0d0e16}html.lt .b-line:hover{color:#fff}html.lt .nav{background:rgba(5,7,20,.92)}html.lt .menu .home-btn.cur-page,html.lt .menu .dd.cur-page>.top,html.lt .mg-body,html.lt .chip .bar i,html.lt .cta-pill,html.lt .lc:nth-child(3n+2),html.lt .lc:nth-child(3n),html.lt .lc-m,html.lt .cta-band,html.lt .btn-p,html.lt .gfc:nth-child(2),html.lt .gfc:nth-child(3),html.lt .gfc:nth-child(4),html.lt .af,html.lt .af-sub button{color:#fff}html.lt{background:#F4F1F8}html.lt body{background:#fdfdfe;color:#15161f}html.lt ::selection{color:#15161f}html.lt ::-moz-selection{color:#15161f}html.lt .mega-in{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.101);box-shadow:0 30px 70px rgba(20,21,40,0.138)}html.lt .mega-in:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .mega-in:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .mega-in:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .mg-tab{color:#15161f}html.lt .mg-tab small{color:#4d5261}html.lt .mg-tab.on{background:rgba(120,108,171,0.054);color:#15161f;border-color:rgba(13,14,22,0.092)}html.lt .mg-list a{background:rgba(13,14,22,0.052)!important;border:1px solid rgba(13,14,22,0.128);color:#15161f!important}html.lt .mg-list a:hover{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .eb{color:#0B7A55}html.lt .sub{color:#4d5261}html.lt .ic-tile{box-shadow:0 20px 44px rgba(20,21,40,0.075)}html.lt .pill{border:1px solid rgba(13,14,22,0.16);background:rgba(120,108,171,0.045);color:#1D413A}html.lt .hero h1 .g .wi{background-image:linear-gradient(-90deg,#0B7A55,#786CAB)}html.lt .hero .lead{color:#15161f}html.lt .chip{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.11);box-shadow:0 20px 50px rgba(20,21,40,0.087)}html.lt .chip:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .chip:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .chip:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .chip .bar{background:rgba(120,108,171,0.09)}html.lt .hint .mouse i{border:1.5px solid rgba(13,14,22,0.16)}html.lt .marquee{background:rgba(13,14,22,0.052)}html.lt .mq span.o{-webkit-text-stroke:1.2px rgba(21,22,31,0.7)}html.lt .qa .pm{border:1px solid rgba(13,14,22,0.16)}html.lt .qa .ans p{color:#15161f}html.lt .bigcta p{color:#15161f}html.lt .s-tile{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .s-tile:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .s-tile:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .s-tile:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .s-tile:hover{background:#ece6fb}html.lt .s-tile svg{color:#0B7A55}html.lt .s-tile small{color:#4d5261}html.lt #nelc-entity-verification-badge{box-shadow:0 14px 40px rgba(20,21,40,0.113)}html.lt .pg-k{color:#0B7A55}html.lt .lc-t{background:rgba(120,108,171,0.09)}html.lt .tabs button.on{color:#15161f}html.lt .af-notes span{background:rgba(120,108,171,0.063)}html.lt.lt .af-notes span{background:rgba(120,108,171,0.45)}html.lt .af-sub button{color:#15161f}
}
@media (min-width:1001px){
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahseriftext-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'ThmanyahD';src:url('https://altawthiq.com/wp-content/themes/AltawthiqPHP/fonts/thmanyahserifdisplay-Bold.otf') format('opentype');font-weight:700 900;font-style:normal;font-display:swap}
:root{--teal:#1D413A;--teal2:#3F6E62;--green:#0B7A55;--mint2:#a7e3c8;--mauve:#786CAB;--mauve2:#b3a9e6;--plum:#352B51;--steel:#3D5E82;--ink:#0d0e16;--ink2:#141521;--card:#161724;--mint:#E1F0E9;--lav:#F7F4F8;--paper:#F3EFE8;--muted:#9aa3b2;--line:rgba(255,255,255,.09);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#0d0e16;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:'Thmanyah','Tajawal',Tahoma,sans-serif;background:var(--ink);color:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.serif{font-family:'ThmanyahD','Thmanyah','ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-weight:700;text-wrap:balance}
::selection{background:rgba(120,108,171,.55);color:#fff}
::-moz-selection{background:rgba(120,108,171,.55);color:#fff}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--mint2);outline-offset:2.4px}
.wrap{max-width:1008px;margin:0 auto;padding:0 25.6px}
#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 55% at 22% 38%,rgba(11,122,85,.16),transparent 70%),radial-gradient(45% 45% at 85% 85%,rgba(120,108,171,.14),transparent 70%)}
.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{background-position:100% 0}25%{background-position:right -32px top 24px}50%{background-position:right 24px top -40px}75%{background-position:right -16px top -8px}100%{background-position:right 8px top 32px}}
main,footer{position:relative;z-index:1}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em 0 .24em;margin-bottom:-.22em}.wi{display:inline-block}

/* loader */
#loader{position:fixed;inset:0;z-index:1000;background:#08090f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19.2px}
#loader img{width:76.8px}
#loader .bar{width:160px;height:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px}
#loader .bar i{display:block;height:100%;width:0;background:linear-gradient(-90deg,var(--mauve),var(--green))}
#loader small{font-size:9.6px;letter-spacing:2.4px;color:#6f7686}

/* cursor */
.cur,.cur-dot{position:fixed;top:0;right:0;z-index:999;pointer-events:none;border-radius:50%}
.cur{width:28.8px;height:28.8px;margin:-14.4px -14.4px 0 0;border:1px solid rgba(255,255,255,.45);transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .3s,border-color .3s}
.cur.big{width:56px;height:56px;margin:-28px -28px 0 0;background:rgba(120,108,171,.18);border-color:var(--mauve)}
.cur-dot{width:4px;height:4px;margin:-2px -2px 0 0;background:#fff}
@media (hover:none){.cur,.cur-dot{display:none}}

/* nav — modeled on altawthiq.com header */
.nav{position:fixed;top:0;right:0;left:0;z-index:80;background:rgba(5,7,20,.55);backdrop-filter:blur(12.8px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07);transition:background .5s,box-shadow .5s;padding-top:env(safe-area-inset-top,0px)}
.nav.solid{background:rgba(5,7,20,.88);box-shadow:0 2px 14.4px rgba(0,0,0,.35)}
.nav-in{max-width:1056px;margin:0 auto;height:67.2px;padding:0 32px;display:flex;align-items:center;gap:22.4px}
.brand{display:flex;align-items:center;gap:16px;padding:8px 0;flex-shrink:0;margin-inline-end:4.8px}
.brand .b1{height:38.4px;width:auto}.brand .b2{height:33.6px;width:auto;opacity:.95}
.brand .sep{width:1px;height:30.4px;background:rgba(255,255,255,.22)}
.menu{margin-inline:auto}
.menu>ul{display:flex;align-items:center;gap:2px;list-style:none}
.menu li{list-style:none;position:relative}
.menu .top,.menu .home-btn{display:flex;align-items:center;gap:5.6px;padding:8px 11.2px;border-radius:9.6px;font-size:12px;font-weight:500;color:#d5dae2;background:none;border:0;font-family:inherit;white-space:nowrap;transition:background .3s,color .3s}
.menu .top:hover,.menu .dd:hover>.top,.menu .dd:focus-within>.top{background:rgba(255,255,255,.07);color:#fff}
.menu .chev{width:8.8px;height:8.8px;transition:transform .4s var(--ease)}
.menu .dd:hover .chev,.menu .dd:focus-within .chev{transform:rotate(-180deg)}
.menu .home-btn svg{width:13.6px;height:13.6px}
.menu .home-btn.cur-page,.menu .dd.cur-page>.top{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff;border:1px solid rgba(255,255,255,.14)}
.menu .panel{position:absolute;top:100%;left:0;padding-top:9.6px;opacity:0;visibility:hidden;transform:translateY(-6.4px);transition:opacity .3s,transform .5s var(--ease),visibility .3s;z-index:5}
.menu .dd:hover>.panel,.menu .dd:focus-within>.panel{opacity:1;visibility:visible;transform:none}
.menu .panel>ul{min-width:200px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:14.4px;padding:6.4px;box-shadow:0 19.2px 48px rgba(0,0,0,.5);list-style:none}
.menu .panel a{display:flex;align-items:center;justify-content:space-between;gap:9.6px;padding:9.6px 11.2px;border-radius:9.6px;font-size:11.6px;color:#d5dae2;transition:background .3s,color .3s}
.menu .panel a small{font-size:9.2px;color:#7f8796;margin-inline-start:auto}
.menu .panel a:hover{background:rgba(255,255,255,.06);color:#fff}
.menu .arr{font-size:8.8px;color:#8b92a0}
.menu .subp{position:absolute;top:-6.4px;left:100%;margin-left:6.4px;min-width:208px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:14.4px;padding:6.4px;box-shadow:0 19.2px 48px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateX(-6.4px);transition:opacity .3s,transform .5s var(--ease),visibility .3s;list-style:none}
.menu .sub:hover>.subp,.menu .sub:focus-within>.subp{opacity:1;visibility:visible;transform:none}
.menu .dd.wide>.panel{left:50%;transform:translate(-50%,-6.4px)}
.menu .dd.wide:hover>.panel,.menu .dd.wide:focus-within>.panel{transform:translate(-50%,0)}
.mega-in{width:608px;background:rgba(14,15,26,.97);border:1px solid rgba(255,255,255,.09);border-radius:19.2px;padding:11.2px;display:grid;grid-template-columns:184px 1fr;gap:11.2px;box-shadow:0 24px 56px rgba(0,0,0,.55)}
.mg-tabs{display:flex;flex-direction:column;gap:4.8px}
.mg-tab{display:flex;align-items:center;gap:9.6px;padding:9.6px;border-radius:11.2px;cursor:pointer;color:#c5cbd5;transition:background .3s,color .3s;border:1px solid transparent}
.mg-tab .ic{width:32px;height:32px;border-radius:9.6px;background:var(--lav);display:grid;place-items:center;flex-shrink:0}.mg-tab .ic img{width:22.4px}
.mg-tab b{font-size:12px;display:block}.mg-tab small{font-size:9.2px;color:#7f8796}
.mg-tab.on{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.08)}
.mg-body{border-radius:14.4px;padding:17.6px;background:var(--dg);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9.6px;min-height:224px}
.mg-body::after{content:'';position:absolute;inset:0;opacity:.1;background-image:linear-gradient(-135deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%);background-size:44.8px 44.8px;pointer-events:none}
.mg-body>*{position:relative;z-index:1}
.mg-body h4{font-size:20.8px}.mg-body p{font-size:11.2px;line-height:1.8;color:rgba(255,255,255,.86)}
.mg-list{display:flex;flex-direction:column;gap:6.4px;margin-top:auto}
.mg-list a{display:flex!important;justify-content:space-between;align-items:center;padding:9.6px 11.2px!important;border-radius:9.6px;background:rgba(10,11,20,.35)!important;border:1px solid rgba(255,255,255,.12);color:#fff!important;font-size:11.2px!important}
.mg-list a:hover{background:rgba(10,11,20,.6)!important}
.nav-act{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-act .lang{font-size:11.2px;color:#c5cbd5;padding:6.4px 8px;border-radius:8px}
.nav-act .lang:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-act .login{font-size:11.2px;font-weight:700;padding:8px 16px;border-radius:9.6px;background:#fff;color:#0d0e16;white-space:nowrap}
.burger{display:none;width:35.2px;height:35.2px;border-radius:9.6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger i{display:block;width:14.4px;height:1.6px;background:#fff;border-radius:2px;transition:transform .4s var(--ease),opacity .3s}
.nav.open .burger i:nth-child(1){transform:translateY(5.28px) rotate(-45deg)}.nav.open .burger i:nth-child(2){opacity:0}.nav.open .burger i:nth-child(3){transform:translateY(-5.28px) rotate(45deg)}
@media(max-width:1240px){.nav-in{padding:0 19.2px;gap:9.6px}.menu .top,.menu .home-btn{padding:7.2px 7.2px;font-size:11.2px}.brand{gap:11.2px}.brand .b1{height:32px}.brand .b2{height:25.6px}.nav-act .lang{display:none}}
@media(max-width:1120px) and (min-width:1001px){.brand .b2,.brand .sep{display:none}}
@media(max-width:1000px){
 .nav{backdrop-filter:none;background:rgba(5,7,20,.94)}
 .nav-in{height:56px;padding:0 14.4px}
 .brand{gap:9.6px}.brand .b1{height:28.8px}.brand .b2{display:block;height:22.4px}.brand .sep{display:block;height:22.4px}
 .burger{display:flex}.nav-act .login{padding:7.2px 11.2px;font-size:10.4px}
 .menu{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;margin:0;background:rgba(5,7,20,.98);overflow-y:auto;padding:11.2px 14.4px 32px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s,transform .5s var(--ease),visibility .35s}
 .nav.open .menu{opacity:1;visibility:visible;transform:none}
 .menu>ul{flex-direction:column;align-items:stretch;gap:3.2px}
 .menu .top,.menu .home-btn{width:100%;justify-content:space-between;padding:12px 11.2px;font-size:12.8px}
 .menu .panel,.menu .dd.wide>.panel{position:static;opacity:1;visibility:visible;transform:none;padding:0;display:none}
 .menu .dd.m-open>.panel{display:block}
 .menu .dd:hover>.panel{transform:none}
 .menu .panel>ul,.mega-in{min-width:0;width:auto;box-shadow:none;background:rgba(255,255,255,.03)}
 .menu .subp{position:static;opacity:1;visibility:visible;transform:none;margin:0 0 0 9.6px;box-shadow:none;background:transparent;border:0}
 .mega-in{grid-template-columns:1fr;width:auto!important}.mg-body{min-height:0}
 .menu .dd>.panel,.menu .dd:hover>.panel,.menu .dd:focus-within>.panel,.menu .dd.wide>.panel,.menu .dd.wide:hover>.panel,.menu .dd.wide:focus-within>.panel{transform:none!important;left:auto}
 .menu{background:#05070f}
 .mg-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.mg-tab{flex:0 0 auto}
}
@media(max-width:420px){.brand .b2,.brand .sep{display:none}}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:11.2px 20.8px;border-radius:80px;font-weight:700;font-size:12px;position:relative;overflow:hidden;isolation:isolate;transition:color .4s;border:0;will-change:transform}
.btn::before{content:'';position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn svg{width:14.4px;height:14.4px}
.b-mauve{background:var(--mauve);color:#fff}.b-mauve::before{background:var(--green)}
.b-mint{background:var(--mint);color:var(--teal)}.b-mint::before{background:#fff}
.b-line{border:1px solid rgba(255,255,255,.24);color:#fff}.b-line::before{background:#fff}.b-line:hover{color:var(--ink)}
.b-sm{padding:8px 14.4px;font-size:10.8px}
.lvl{font-size:9.2px;font-weight:800;padding:3.2px 8.8px;border-radius:80px;background:rgba(255,255,255,.08);color:#cfd4dd;white-space:nowrap}
.lvl.live{background:rgba(95,208,160,.16);color:#8ae6bd}

/* shared type */
section{position:relative}
.eb{display:inline-flex;align-items:center;gap:9.6px;color:var(--mint2);font-weight:800;font-size:10.4px;margin-bottom:14.4px;letter-spacing:.2px}
.eb::before{content:'';width:22.4px;height:1px;background:currentColor}
.h2{font-size:clamp(25.6px,4.2vw,48px);line-height:1.28}
.sub{color:#aeb5c2;font-size:13.6px;line-height:1.9;max-width:464px;margin-top:14.4px}
.head{margin-bottom:48px}.head.c{text-align:center}.head.c .sub{margin-inline:auto}
.ic-tile{border-radius:19.2px;background:var(--lav);display:grid;place-items:center;box-shadow:0 16px 35.2px rgba(0,0,0,.3)}
[data-fade]{will-change:transform}

/* hero base */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative}
.hero .wrap{width:100%}
.hero-copy{max-width:608px;position:relative;z-index:2}
.pill{display:inline-flex;gap:8px;align-items:center;padding:6.4px 12.8px;border-radius:80px;border:1px solid rgba(225,240,233,.18);background:rgba(225,240,233,.05);font-size:10.4px;font-weight:700;color:var(--mint);margin-bottom:20.8px}
.pill i{width:5.6px;height:5.6px;background:var(--mauve);transform:rotate(-45deg)}
.hero h1{font-size:clamp(24px,3.7vw,43.2px);line-height:1.3;margin-bottom:17.6px}
.hero h1 .g .wi{background:linear-gradient(-90deg,#a7e3c8,#a59be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:18.4px;line-height:1.9;color:#c3c9d4;max-width:512px;margin-bottom:28.8px}
.hero .ctas{display:flex;gap:9.6px;flex-wrap:wrap;align-items:center}
.chips{position:absolute;inset:0;pointer-events:none;z-index:1}
.chip{position:absolute;padding:10.4px 12.8px;border-radius:14.4px;background:rgba(20,21,33,.6);backdrop-filter:blur(11.2px);border:1px solid rgba(255,255,255,.1);font-size:10.4px;display:flex;align-items:center;gap:9.6px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.chip .ic{width:28.8px;height:28.8px;border-radius:8px;background:var(--lav);display:grid;place-items:center}.chip .ic img{width:20.8px}
.chip b{display:block;font-size:10.8px}.chip small{color:var(--muted);font-size:9.2px}
.chip .bar{width:96px;height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:4.8px;overflow:hidden}
.chip .bar i{display:block;height:100%;width:0;background:linear-gradient(-90deg,var(--mauve),#5fd0a0)}
.hint{position:absolute;bottom:22.4px;right:0;left:0;z-index:2}
.hint .wrap{display:flex;justify-content:space-between;font-size:9.6px;color:var(--muted)}
.hint .mouse{display:flex;align-items:center;gap:8px}
.hint .mouse i{width:16px;height:25.6px;border:1.5px solid rgba(255,255,255,.35);border-radius:9.6px;position:relative}
.hint .mouse i::after{content:'';position:absolute;top:4.8px;right:50%;width:2.4px;height:5.6px;margin-right:-1.5px;border-radius:2px;background:#fff;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-2.4px)}40%{opacity:1}100%{opacity:0;transform:translateY(7.2px)}}
.hint .live{display:flex;align-items:center;gap:6.4px}.hint .live b{width:4.8px;height:4.8px;border-radius:50%;background:#7CE0A6;box-shadow:0 0 9.6px #7CE0A6}

/* marquee */
.marquee{padding:36.8px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:1;background:rgba(13,14,22,.35)}
.mq{display:flex;width:max-content;will-change:transform}
.mq span{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(30.4px,6vw,73.6px);font-weight:700;white-space:nowrap;padding:0 24px;line-height:1.35;display:flex;align-items:center;gap:48px}
.mq span.o{color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.32)}
.mq span em{font-style:normal;width:14.4px;height:14.4px;background:var(--mauve);transform:rotate(-45deg);flex-shrink:0}

/* faq */
.faq{padding:96px 0}
.faqg{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.qa{border-bottom:1px solid var(--line)}
.qa button{all:unset;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12.8px;padding:20.8px 0;font-size:16px;font-weight:700;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;box-sizing:border-box}
.qa button:focus-visible{outline:2px solid var(--mint2);outline-offset:3.2px}
.qa .pm{width:30.4px;height:30.4px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;flex-shrink:0;transition:all .5s var(--ease)}
.qa .pm::before,.qa .pm::after{content:'';position:absolute;top:50%;right:50%;width:11.2px;height:1.5px;background:#fff;transform:translate(50%,-50%);transition:transform .5s var(--ease)}
.qa .pm::after{transform:translate(50%,-50%) rotate(-90deg)}
.qa.open .pm{background:var(--mauve);border-color:var(--mauve);transform:rotate(-180deg)}
.qa.open .pm::after{transform:translate(50%,-50%) rotate(0)}
.qa .ans{height:0;overflow:hidden}
.qa .ans p{padding:0 0 20.8px;color:#b3bac6;font-size:12.8px;line-height:1.9;max-width:512px}

/* big cta */
.bigcta{padding:104px 0 120px;text-align:center}
.bigcta h2{font-size:clamp(20.8px,3.2vw,36.8px);line-height:1.4;max-width:688px;margin:0 auto}
.bigcta p{color:#b8bfcb;font-size:14.4px;line-height:1.9;max-width:448px;margin:19.2px auto 35.2px}
.orb{width:144px;height:144px;border-radius:50%;background:var(--mauve);color:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6.4px;font-weight:800;font-size:12.8px;position:relative;overflow:hidden;isolation:isolate}
.orb::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--green);transform:scale(0);transition:transform .7s var(--ease);z-index:-1}
.orb:hover::before{transform:scale(1)}
.orb svg{width:20.8px;height:20.8px}
.cta-links{display:flex;justify-content:center;gap:9.6px;margin-top:27.2px;flex-wrap:wrap}

/* support tiles */
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12.8px}
.s-tile{padding:22.4px;border-radius:19.2px;background:rgba(20,21,33,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:4.8px;transition:transform .5s var(--ease),background .4s;backdrop-filter:blur(8px)}
.s-tile:hover{transform:translateY(-4.8px);background:rgba(30,31,48,.7)}
.s-tile svg{width:24px;height:24px;margin-bottom:11.2px;color:var(--mint2)}
.s-tile small{color:#aeb5c2;font-size:10.4px}
.s-tile b{font-size:14.4px}
.ltr{direction:rtl;unicode-bidi:isolate;display:inline-block}

footer{border-top:1px solid var(--line);padding:56px 0 24px;background:#0a0b12}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.f-grid img{height:40px;width:auto;margin-bottom:14.4px}
.f-grid p{color:#7f8796;font-size:11.2px;line-height:1.9;max-width:256px}
.f-grid h4{font-family:'Thmanyah','Tajawal',sans-serif;font-size:11.2px;margin-bottom:12.8px}
.f-grid ul{list-style:none;display:flex;flex-direction:column;gap:8.8px}
.f-grid ul a{color:#7f8796;font-size:11.2px;transition:color .3s}.f-grid ul a:hover{color:#fff}
.f-bot{margin-top:40px;padding-top:17.6px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;color:#5f6675}
.exp{position:fixed;right:12.8px;bottom:calc(12.8px + env(safe-area-inset-bottom,0px));z-index:90;font-size:9.6px;background:rgba(13,14,22,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:6.4px 11.2px;border-radius:80px;color:#c9ced8;display:flex;gap:6.4px;align-items:center}
.exp b{width:5.6px;height:5.6px;border-radius:50%;background:#8ae6bd}

@media(max-width:1000px){
 .wrap{padding:0 14.4px}
 .hero{padding-top:104px}.chips{display:none}
 .hero-copy{max-width:100%}
 .f-grid{grid-template-columns:1fr 1fr}.s-grid{grid-template-columns:1fr}
 .faqg{grid-template-columns:1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){.grain{animation:none}}

/* شارة المركز الوطني للتعليم الإلكتروني (تُحقن من إضافتها) — تثبيت أنيق أسفل اليسار */
#nelc-entity-verification-badge{position:fixed!important;right:14.4px!important;left:auto!important;bottom:14.4px!important;top:auto!important;z-index:80!important;width:200px;height:48px;border-radius:11.2px;overflow:hidden;box-shadow:0 11.2px 32px rgba(0,0,0,.45);background:#fff;transition:transform .5s var(--ease),opacity .4s}
#nelc-entity-verification-badge iframe{display:block;width:200px;height:48px;border:0}
body.has-bar #nelc-entity-verification-badge{transform:translateY(96px);opacity:0}
@media(max-width:700px){#nelc-entity-verification-badge{transform:scale(.8);transform-origin:right bottom;right:8px!important;bottom:8px!important}}

.cta-pill{display:inline-flex;align-items:center;gap:9.6px;padding:14.4px 30.4px;border-radius:12.8px;font-size:17.6px;font-weight:800;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);border:1px solid rgba(255,255,255,.14);margin-bottom:20.8px;transition:transform .4s var(--ease),box-shadow .4s}
.cta-pill:hover{transform:translateY(-2.4px);box-shadow:0 12.8px 28.8px rgba(0,0,0,.35)}
.cta-pill svg{width:17.6px;height:17.6px}

/* زر الوضع الفاتح/الداكن */
.theme-t{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9.6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;flex-shrink:0;transition:background .3s}
.theme-t:hover{background:rgba(255,255,255,.14)}
.theme-t svg{width:14.4px;height:14.4px;stroke:currentColor;fill:none;stroke-width:1.8}
.theme-t .sun{display:none}html.lt .theme-t .sun{display:block}html.lt .theme-t .moon{display:none}


:root{--pg:#0d0e16;--card:#161724;--card2:#1a1a2c;--line2:rgba(255,255,255,.09);--tx:#fff;--tx2:#aeb5c2;--tx3:#8d94a4;--field:#12131f}
html.lt body{--pg:#F4F1F8;--card:#ece6fb;--card2:#e2d9f6;--line2:rgba(120,108,171,.22);--tx:#0d0e16;--tx2:#4d5261;--tx3:#6b7080;--field:#f7f4fd}
.pg{padding:120px 0 72px;min-height:70vh}
.pg-h{max-width:656px;margin-bottom:27.2px}
.pg-k{display:inline-flex;align-items:center;gap:6.4px;font-size:10.4px;font-weight:800;color:#a7e3c8}
html.lt .pg-k{color:#0B7A55}
.pg-k::before{content:'';width:17.6px;height:1px;background:currentColor}
.pg h1{font-size:clamp(30.4px,4.6vw,51.2px);line-height:1.15;color:var(--tx);margin:9.6px 0 11.2px}
.pg-lead{font-size:14.4px;line-height:1.9;color:var(--tx2)}
.lc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lc{display:flex;flex-direction:column;border-radius:17.6px;overflow:hidden;border:1px solid var(--line2);background:var(--card);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .35s;color:var(--tx)}
.lc:nth-child(3n+2){background:linear-gradient(-165deg,#153227,#10221b)}.lc:nth-child(3n){background:linear-gradient(-165deg,#172841,#111c30)}
html.lt .lc{background:linear-gradient(-165deg,#f1ecfc,#e2d9f6)}html.lt .lc:nth-child(3n+2){background:linear-gradient(-165deg,#e6f5ee,#cfeadd)}html.lt .lc:nth-child(3n){background:linear-gradient(-165deg,#e8eff9,#d3e1f2)}
.lc:hover{transform:translateY(-4.8px);border-color:rgba(120,108,171,.5);box-shadow:0 19.2px 40px rgba(0,0,0,.22)}
.lc-m{aspect-ratio:16/9;background:linear-gradient(-145deg,#352B51,#1D413A);overflow:hidden}
.lc-m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.lc:hover .lc-m img{transform:scale(1.05)}
.lc-b{padding:14.4px 16px 16px;display:flex;flex-direction:column;gap:7.2px;flex:1}
.lc-t{align-self:flex-start;font-size:9.2px;font-weight:800;padding:4px 8.8px;border-radius:80px;background:rgba(255,255,255,.1);color:var(--tx)}
html.lt .lc-t{background:rgba(53,43,81,.1);color:#352B51}
.lc h3{font-size:14.4px;line-height:1.55;color:var(--tx)}
.lc p{font-size:11.2px;line-height:1.85;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lc-f{margin-top:auto;padding-top:9.6px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--tx3)}
.lc-go{font-weight:800;color:var(--tx);font-size:10.8px}
.lc-none{grid-column:1/-1;padding:32px;text-align:center;border-radius:17.6px;border:1px dashed var(--line2);color:var(--tx2)}
.pg-bar{display:flex;justify-content:space-between;align-items:center;gap:11.2px;flex-wrap:wrap;margin-bottom:19.2px}
.pg-srch{display:flex;align-items:center;gap:8px;width:min(336px,100%);padding:0 12.8px;height:41.6px;border-radius:12.8px;background:var(--field);border:1px solid var(--line2)}
.pg-srch svg{width:14.4px;height:14.4px;stroke:var(--tx3);fill:none;stroke-width:2;flex-shrink:0}
.pg-srch input{all:unset;flex:1;color:var(--tx);font-size:12px;font-family:inherit}
.tabs{display:flex;gap:6.4px;flex-wrap:wrap;margin-bottom:19.2px}
.tabs button{all:unset;cursor:pointer;padding:8.8px 16px;border-radius:80px;font-weight:800;font-size:11.6px;color:var(--tx2);background:var(--card);border:1px solid var(--line2);transition:all .25s}
.tabs button.on{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff;border-color:transparent}
.tabs button:focus-visible{outline:2px solid #a7e3c8}
.panel[hidden]{display:none}
.cta-band{margin-top:48px;border-radius:22.4px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#fff;background:radial-gradient(288px 192px at 0% 0%,rgba(167,227,200,.25),transparent 70%),linear-gradient(-135deg,#352B51,#1D413A)}
.cta-band h2{font-size:clamp(19.2px,2.6vw,27.2px);color:#fff;max-width:512px}
.btn-p{display:inline-flex;align-items:center;padding:12px 24px;border-radius:80px;font-weight:800;font-size:12.4px;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);box-shadow:0 11.2px 24px rgba(120,108,171,.35);transition:transform .25s}
.btn-p:hover{transform:translateY(-2px)}
.btn-w{display:inline-flex;align-items:center;padding:12px 24px;border-radius:80px;font-weight:800;font-size:12.4px;color:#1D413A;background:#fff}

/* الوضع الفاتح: نصوص داكنة داخل البطاقات الفاتحة (تتقدم على قواعد الجزر الداكنة) */
html.lt body .pg :is(.dh-card,.fc,.st,.pk,.lc,.fq,.prose,.tier,.kv div,.pill-c) :is(p,li,dd,td,small,dt){color:#4d5261!important}
html.lt body .pg :is(.dh-card,.fc,.st,.pk,.lc,.fq,.prose) :is(h2,h3,h4,b,strong,summary,th){color:#0d0e16!important}
html.lt body .pg .tier b,html.lt body .pg .tier span strong,html.lt body .pg .kv dd{color:#0d0e16!important}
html.lt body .pg .tier span{color:#4d5261!important}
html.lt body .pg .pk-note{color:#0B7A55!important}
html.lt body .pg .lc-go{color:#352B51!important}
html.lt body .pg .dh h1 em{color:transparent!important;-webkit-text-fill-color:transparent;background-image:linear-gradient(-90deg,#786CAB,#0B7A55)!important}
html.lt body .pg .btn-p,html.lt body .pg .st b,html.lt body .pg .prose .alt-num{color:#fff!important}
html.lt body .pg .cta-band h2{color:#fff!important}

@media(max-width:1000px){.pg{padding-top:88px}.lc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lc-grid{grid-template-columns:1fr}.cta-band{padding:20.8px}}

.gh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.gh .btn-p{margin-top:17.6px}
.gf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11.2px}
.gfc{border-radius:17.6px;padding:17.6px;border:1px solid var(--line2);background:var(--card)}
.gfc:nth-child(2){background:linear-gradient(-165deg,#153227,#10221b)}.gfc:nth-child(3){background:linear-gradient(-165deg,#172841,#111c30)}.gfc:nth-child(4){background:linear-gradient(-165deg,#2e2314,#1f180e)}
html.lt .gfc{background:linear-gradient(-165deg,#f1ecfc,#e2d9f6)}html.lt .gfc:nth-child(2){background:linear-gradient(-165deg,#e6f5ee,#cfeadd)}html.lt .gfc:nth-child(3){background:linear-gradient(-165deg,#e8eff9,#d3e1f2)}html.lt .gfc:nth-child(4){background:linear-gradient(-165deg,#fbeede,#f1d9bd)}
.gfc h3{font-size:13.6px;color:var(--tx);margin-bottom:4.8px}.gfc p{font-size:11.2px;color:var(--tx2);line-height:1.8}
.af{margin-top:48px;border-radius:22.4px;padding:27.2px;border:1px solid var(--line2);background:radial-gradient(336px 208px at 100% 0%,rgba(120,108,171,.25),transparent 70%),linear-gradient(-170deg,#1a1a2c,#15162a)}
html.lt .af{background:radial-gradient(336px 208px at 100% 0%,rgba(120,108,171,.2),transparent 70%),linear-gradient(-170deg,#f3eefd,#e6def8)}
.af>h2{font-size:clamp(19.2px,2.6vw,27.2px);color:var(--tx)}
.af-notes{display:flex;flex-wrap:wrap;gap:6.4px;margin:9.6px 0 19.2px}
.af-notes span{font-size:10px;font-weight:700;padding:5.6px 9.6px;border-radius:80px;background:rgba(255,255,255,.07);color:var(--tx2);border:1px solid var(--line2)}
html.lt .af-notes span{background:rgba(255,255,255,.7)}
.af fieldset{border:0;padding:0;margin:0 0 17.6px}
.af legend{font-size:14.4px;font-weight:800;color:var(--tx);margin-bottom:9.6px;padding:0}
.ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11.2px}
.ag .full{grid-column:1/-1}
.fi{display:flex;flex-direction:column;gap:5.6px}
.fi label{font-size:10.8px;font-weight:800;color:var(--tx)}
.fi label .rq{color:#e86a6a}
.fi input,.fi select,.fi textarea{border-radius:11.2px;border:1px solid var(--line2);background:var(--field);color:var(--tx);padding:0 12.8px;height:41.6px;font:inherit;font-size:12px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}
.fi textarea{height:auto;min-height:88px;padding:11.2px 12.8px;resize:vertical}
.fi input[type=file]{padding:9.6px 12.8px;height:auto}
.fi input:focus,.fi select:focus,.fi textarea:focus{border-color:var(--mauve);box-shadow:0 0 0 3.2px rgba(120,108,171,.18)}
.fi.bad input,.fi.bad select,.fi.bad textarea{border-color:#e86a6a}
.fi .er{font-size:10px;color:#e86a6a;min-height:0}
.acc{display:flex;gap:8px;align-items:flex-start;font-size:11.2px;color:var(--tx2);line-height:1.8}
.acc input{width:16px;height:16px;margin-top:3.2px;accent-color:#786CAB;flex-shrink:0}
.af-sub{display:flex;align-items:center;gap:12.8px;flex-wrap:wrap;margin-top:6.4px}
.af-sub button{all:unset;cursor:pointer;padding:12px 27.2px;border-radius:80px;font-weight:800;font-size:12.8px;color:#fff;background:linear-gradient(-135deg,var(--mauve),#3F6E62);box-shadow:0 11.2px 24px rgba(120,108,171,.35)}
.af-sub button[disabled]{opacity:.6;cursor:wait}
.af-msg{font-size:11.6px;font-weight:700;color:var(--tx2)}.af-msg.ok{color:#2fb37f}.af-msg.err{color:#e86a6a}
html.lt body .pg .gfc h3,html.lt body .pg .af legend,html.lt body .pg .af>h2{color:#0d0e16!important}
html.lt body .pg .gfc p{color:#4d5261!important}
@media(max-width:1000px){.gh{grid-template-columns:1fr}}
@media(max-width:620px){.gf,.ag{grid-template-columns:1fr}.af{padding:16px}}

body,#app{direction:ltr}
.ltr,[dir=ltr]{direction:ltr!important;unicode-bidi:isolate}

html.lt{--line:rgba(13,14,22,.1);--muted:#5b606e;--mint2:#0B7A55;--card:#ffffff}html.lt body,html.lt #app{background:radial-gradient(720px 480px at 100% 0%,rgba(120,108,171,.16),transparent 60%),radial-gradient(640px 480px at 0% 45%,rgba(11,122,85,.10),transparent 60%),radial-gradient(720px 560px at 100% 100%,rgba(61,94,130,.10),transparent 60%),#F4F1F8;background-attachment:fixed;color:#15161f}html.lt .bg-glow,html.lt .grain{display:none}html.lt .b-line{border-color:rgba(13,14,22,.25);color:#0d0e16}html.lt .b-line::before{background:#0d0e16}html.lt .b-line:hover{color:#fff}html.lt .nav{background:rgba(5,7,20,.92)}html.lt .menu .home-btn.cur-page,html.lt .menu .dd.cur-page>.top,html.lt .mg-body,html.lt .chip .bar i,html.lt .cta-pill,html.lt .lc:nth-child(3n+2),html.lt .lc:nth-child(3n),html.lt .lc-m,html.lt .cta-band,html.lt .btn-p,html.lt .gfc:nth-child(2),html.lt .gfc:nth-child(3),html.lt .gfc:nth-child(4),html.lt .af,html.lt .af-sub button{color:#fff}html.lt{background:#F4F1F8}html.lt body{background:#fdfdfe;color:#15161f}html.lt ::selection{color:#15161f}html.lt ::-moz-selection{color:#15161f}html.lt .mega-in{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.101);box-shadow:0 24px 56px rgba(20,21,40,0.138)}html.lt .mega-in:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .mega-in:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .mega-in:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .mg-tab{color:#15161f}html.lt .mg-tab small{color:#4d5261}html.lt .mg-tab.on{background:rgba(120,108,171,0.054);color:#15161f;border-color:rgba(13,14,22,0.092)}html.lt .mg-list a{background:rgba(13,14,22,0.052)!important;border:1px solid rgba(13,14,22,0.128);color:#15161f!important}html.lt .mg-list a:hover{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .eb{color:#0B7A55}html.lt .sub{color:#4d5261}html.lt .ic-tile{box-shadow:0 16px 35.2px rgba(20,21,40,0.075)}html.lt .pill{border:1px solid rgba(13,14,22,0.16);background:rgba(120,108,171,0.045);color:#1D413A}html.lt .hero h1 .g .wi{background-image:linear-gradient(-90deg,#0B7A55,#786CAB)}html.lt .hero .lead{color:#15161f}html.lt .chip{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.11);box-shadow:0 16px 40px rgba(20,21,40,0.087)}html.lt .chip:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .chip:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .chip:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .chip .bar{background:rgba(120,108,171,0.09)}html.lt .hint .mouse i{border:1.5px solid rgba(13,14,22,0.16)}html.lt .marquee{background:rgba(13,14,22,0.052)}html.lt .mq span.o{-webkit-text-stroke:1.2px rgba(21,22,31,0.7)}html.lt .qa .pm{border:1px solid rgba(13,14,22,0.16)}html.lt .qa .ans p{color:#15161f}html.lt .bigcta p{color:#15161f}html.lt .s-tile{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .s-tile:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .s-tile:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .s-tile:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .s-tile:hover{background:#ece6fb}html.lt .s-tile svg{color:#0B7A55}html.lt .s-tile small{color:#4d5261}html.lt #nelc-entity-verification-badge{box-shadow:0 11.2px 32px rgba(20,21,40,0.113)}html.lt .pg-k{color:#0B7A55}html.lt .lc-t{background:rgba(120,108,171,0.09)}html.lt .tabs button.on{color:#15161f}html.lt .af-notes span{background:rgba(120,108,171,0.063)}html.lt.lt .af-notes span{background:rgba(120,108,171,0.45)}html.lt .af-sub button{color:#15161f}
}