@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:0 0}25%{background-position:-40px 30px}50%{background-position:30px -50px}75%{background-position:-20px -10px}100%{background-position:10px 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;left:0;z-index:999;pointer-events:none;border-radius:50%}
.cur{width:36px;height:36px;margin:-18px 0 0 -18px;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 0 0 -35px;background:rgba(120,108,171,.18);border-color:var(--mauve)}
.cur-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff}
@media (hover:none){.cur,.cur-dot{display:none}}

/* nav — modeled on altawthiq.com header */
.nav{position:fixed;top:0;left:0;right: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%;right: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;right:100%;margin-right: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{right: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));right:0;left: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 12px 0 0;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;right: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:640px;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(40px,5.6vw,84px);line-height:1.2;margin-bottom:24px}
.hero h1 .g .wi{background:linear-gradient(90deg,#a7e3c8,#a59be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:18px;line-height:1.95;color:#b8bfcb;max-width:560px;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;left:0;right: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;left:50%;width:3px;height:7px;margin-left:-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%;left: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(38px,6vw,96px);line-height:1.22;max-width:1100px;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:ltr;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;left: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;left:18px!important;right: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:left bottom;left:10px!important;bottom:10px!important}}


.c1{left:5%;top:23%}.c2{left:23%;bottom:16%}.c3{left:2%;bottom:34%}
/* dashboard */
.dash-sec{padding:130px 0 110px}
.dash-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.dash{border-radius:30px;background:rgba(18,19,30,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 50px 100px rgba(0,0,0,.45);overflow:hidden;transform-style:preserve-3d}
.dash .bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line)}
.dash .bar b{font-size:15px}.dash .bar span{font-size:12px;padding:5px 12px;border-radius:100px;background:rgba(120,108,171,.2);color:#cfc7f5;border:1px solid rgba(179,169,230,.3)}
.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.seat{background:#12131e;padding:22px 20px}
.seat small{color:#8b92a0;font-size:12.5px}.seat b{display:block;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:36px;margin-top:4px;font-variant-numeric:tabular-nums}
.seat:nth-child(2) b{color:#8ae6bd}.seat:nth-child(3) b{color:#c9c0f0}.seat:nth-child(4) b{color:#9fc3e8}
.seatbar{display:flex;height:8px;gap:3px;padding:0 22px;margin:20px 0 6px}
.seatbar i{flex:var(--f);border-radius:4px;background:var(--c);transform:scaleX(0);transform-origin:right}
.emps{padding:10px 22px 24px}
.emp{display:grid;grid-template-columns:44px 1fr 56px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.emp:last-child{border-bottom:0}
.emp .av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;background:var(--c)}
.emp b{font-size:15px;display:block}.emp small{color:#8b92a0;font-size:12.5px}
.emp .pb{height:6px;border-radius:6px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}.emp .pb i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(270deg,var(--c),#fff)}
.emp em{font-style:normal;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:18px;text-align:left;font-variant-numeric:tabular-nums}
.demo-note{font-size:12px;color:#6f7686;margin-top:14px}
/* features bento */
.features{padding:110px 0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.cell{position:relative;border-radius:28px;padding:32px;background:#141523;border:1px solid var(--line);overflow:hidden;transform-style:preserve-3d;min-height:260px;display:flex;flex-direction:column}
.cell::before{content:'';position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(120,108,171,.22),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.cell:hover::before{opacity:1}
.cell .ic{width:78px;height:78px;border-radius:22px;background:var(--lav);display:grid;place-items:center;margin-bottom:auto;transform:translateZ(40px)}.cell .ic img{width:54px}
.cell h3{font-size:23px;margin:26px 0 8px;position:relative}.cell p{color:#aeb5c2;font-size:15px;line-height:1.85;position:relative}
.cell.a{grid-column:span 3}.cell.b{grid-column:span 3}.cell.c{grid-column:span 2}.cell.d{grid-column:span 2}.cell.e{grid-column:span 2}.cell.f{grid-column:span 6;min-height:0;flex-direction:row;align-items:center;gap:30px}
.cell.f .ic{margin:0}.cell.f h3{margin:0 0 6px}
.cell .mini{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap;position:relative}
.cell .mini span{font-size:12px;padding:6px 11px;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid var(--line)}
.inv{margin-top:18px;border-radius:14px;background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.14);padding:12px 14px;font-size:13px;color:#c3c9d3;direction:ltr;text-align:left;min-height:44px;position:relative;font-family:ui-monospace,monospace}
.inv .car{display:inline-block;width:7px;height:15px;background:var(--mint2);vertical-align:middle;animation:blink 1s infinite}
@keyframes blink{50%{opacity:0}}
/* journey 4 steps */
.cjour{padding:120px 0}
.cj-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.cj-line{position:absolute;top:44px;right:12%;left:12%;height:2px;background:rgba(255,255,255,.1)}
.cj-line i{position:absolute;inset:0;background:linear-gradient(270deg,var(--mint2),var(--mauve));transform:scaleX(0);transform-origin:right}
.cj{text-align:center;position:relative}
.cj .dot{width:88px;height:88px;margin:0 auto 24px;border-radius:26px;background:#171826;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;transform:rotate(45deg) scale(.75);transition:all .8s var(--ease);font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:28px;color:#6f7686;position:relative;z-index:1}
.cj .dot span{transform:rotate(-45deg)}
.cj.on .dot{background:var(--mauve);border-color:var(--mauve);color:#fff;transform:rotate(45deg) scale(1);box-shadow:0 0 0 12px rgba(120,108,171,.14),0 20px 50px rgba(120,108,171,.4)}
.cj h3{font-size:22px;margin-bottom:8px;opacity:.4;transition:opacity .6s}.cj p{font-size:14.5px;color:#aeb5c2;line-height:1.8;opacity:.4;transition:opacity .6s;max-width:260px;margin:0 auto}
.cj.on h3,.cj.on p{opacity:1}
.cj-note{text-align:center;margin-top:40px;color:#aeb5c2}
/* domains select */
.need{padding:110px 0}
.need-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.checks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:28px}
.checks li{display:flex;align-items:center;gap:14px;font-size:16.5px}
.checks li i{width:30px;height:30px;border-radius:10px;background:rgba(95,208,160,.14);display:grid;place-items:center;color:#8ae6bd;font-style:normal;font-size:14px}
.dsel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.dopt{border-radius:22px;padding:20px;background:#141523;border:1.5px solid var(--line);cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .5s var(--ease);position:relative;overflow:hidden;text-align:right;color:#fff;font:inherit}
.dopt .ic{width:54px;height:54px;border-radius:16px;background:var(--lav);display:grid;place-items:center;flex-shrink:0}.dopt .ic img{width:38px}
.dopt b{font-size:17px;display:block}.dopt small{color:#8b92a0;font-size:12.5px}
.dopt .ck{position:absolute;top:12px;left:12px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:all .4s}
.dopt.on{border-color:var(--dc);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0))}
.dopt.on .ck{background:var(--dc);border-color:var(--dc);box-shadow:inset 0 0 0 4px #141523}
.form{border-radius:32px;padding:36px;background:rgba(18,19,30,.75);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.form h3{font-size:26px;margin-bottom:6px}.form .fs{color:#8b92a0;font-size:13.5px;margin-bottom:24px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.fld label{font-size:13px;color:#c3c9d3}
.fld input,.fld select,.fld textarea{font:inherit;font-size:15px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 14px;transition:border-color .3s,background .3s;width:100%}
.fld textarea{min-height:90px;resize:vertical}
.fld select option{color:#000}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--mauve);background:rgba(120,108,171,.08)}
.tags{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px;border-radius:14px;border:1px dashed rgba(255,255,255,.16)}
.tags span{font-size:13px;padding:6px 12px;border-radius:100px;background:var(--dc);color:#fff}
.tags em{font-style:normal;color:#6f7686;font-size:13px;padding:6px}
.form .btn{width:100%;justify-content:center;margin-top:8px}
.form .fnote{font-size:12px;color:#6f7686;margin-top:12px;text-align:center}
@media(max-width:1000px){
 .dash-grid,.need-grid{grid-template-columns:1fr;gap:34px}
 .seats{grid-template-columns:1fr 1fr}
 .bento{grid-template-columns:1fr}.cell.a,.cell.b,.cell.c,.cell.d,.cell.e,.cell.f{grid-column:auto}.cell.f{flex-direction:column;align-items:flex-start}
 .cj-track{grid-template-columns:1fr;gap:34px}.cj-line{display:none}.cj h3,.cj p{opacity:1}.cj .dot{transform:rotate(45deg) scale(1)}
 .dsel,.frow{grid-template-columns:1fr}
 .form{padding:24px}
}

}
@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:0 0}25%{background-position:-32px 24px}50%{background-position:24px -40px}75%{background-position:-16px -8px}100%{background-position:8px 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;left:0;z-index:999;pointer-events:none;border-radius:50%}
.cur{width:28.8px;height:28.8px;margin:-14.4px 0 0 -14.4px;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 0 0 -28px;background:rgba(120,108,171,.18);border-color:var(--mauve)}
.cur-dot{width:4px;height:4px;margin:-2px 0 0 -2px;background:#fff}
@media (hover:none){.cur,.cur-dot{display:none}}

/* nav — modeled on altawthiq.com header */
.nav{position:fixed;top:0;left:0;right: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%;right: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;right:100%;margin-right: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{right: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));right:0;left: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 9.6px 0 0;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;right: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:512px;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(32px,5.6vw,67.2px);line-height:1.2;margin-bottom:19.2px}
.hero h1 .g .wi{background:linear-gradient(90deg,#a7e3c8,#a59be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:14.4px;line-height:1.95;color:#b8bfcb;max-width:448px;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;left:0;right: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;left:50%;width:2.4px;height:5.6px;margin-left:-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%;left: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(30.4px,6vw,76.8px);line-height:1.22;max-width:880px;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:ltr;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;left: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;left:14.4px!important;right: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:left bottom;left:8px!important;bottom:8px!important}}


.c1{left:5%;top:23%}.c2{left:23%;bottom:16%}.c3{left:2%;bottom:34%}
/* dashboard */
.dash-sec{padding:104px 0 88px}
.dash-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.dash{border-radius:24px;background:rgba(18,19,30,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14.4px);box-shadow:0 40px 80px rgba(0,0,0,.45);overflow:hidden;transform-style:preserve-3d}
.dash .bar{display:flex;align-items:center;justify-content:space-between;padding:12.8px 17.6px;border-bottom:1px solid var(--line)}
.dash .bar b{font-size:12px}.dash .bar span{font-size:9.6px;padding:4px 9.6px;border-radius:80px;background:rgba(120,108,171,.2);color:#cfc7f5;border:1px solid rgba(179,169,230,.3)}
.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.seat{background:#12131e;padding:17.6px 16px}
.seat small{color:#8b92a0;font-size:10px}.seat b{display:block;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:28.8px;margin-top:3.2px;font-variant-numeric:tabular-nums}
.seat:nth-child(2) b{color:#8ae6bd}.seat:nth-child(3) b{color:#c9c0f0}.seat:nth-child(4) b{color:#9fc3e8}
.seatbar{display:flex;height:6.4px;gap:2.4px;padding:0 17.6px;margin:16px 0 4.8px}
.seatbar i{flex:var(--f);border-radius:3.2px;background:var(--c);transform:scaleX(0);transform-origin:right}
.emps{padding:8px 17.6px 19.2px}
.emp{display:grid;grid-template-columns:35.2px 1fr 44.8px;gap:11.2px;align-items:center;padding:11.2px 0;border-bottom:1px solid var(--line)}
.emp:last-child{border-bottom:0}
.emp .av{width:35.2px;height:35.2px;border-radius:11.2px;display:grid;place-items:center;font-weight:800;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;background:var(--c)}
.emp b{font-size:12px;display:block}.emp small{color:#8b92a0;font-size:10px}
.emp .pb{height:4.8px;border-radius:4.8px;background:rgba(255,255,255,.08);margin-top:6.4px;overflow:hidden}.emp .pb i{display:block;height:100%;width:0;border-radius:4.8px;background:linear-gradient(270deg,var(--c),#fff)}
.emp em{font-style:normal;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:14.4px;text-align:left;font-variant-numeric:tabular-nums}
.demo-note{font-size:9.6px;color:#6f7686;margin-top:11.2px}
/* features bento */
.features{padding:88px 0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:12.8px}
.cell{position:relative;border-radius:22.4px;padding:25.6px;background:#141523;border:1px solid var(--line);overflow:hidden;transform-style:preserve-3d;min-height:208px;display:flex;flex-direction:column}
.cell::before{content:'';position:absolute;inset:0;background:radial-gradient(304px circle at var(--mx,50%) var(--my,50%),rgba(120,108,171,.22),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.cell:hover::before{opacity:1}
.cell .ic{width:62.4px;height:62.4px;border-radius:17.6px;background:var(--lav);display:grid;place-items:center;margin-bottom:auto;transform:translateZ(32px)}.cell .ic img{width:43.2px}
.cell h3{font-size:18.4px;margin:20.8px 0 6.4px;position:relative}.cell p{color:#aeb5c2;font-size:12px;line-height:1.85;position:relative}
.cell.a{grid-column:span 3}.cell.b{grid-column:span 3}.cell.c{grid-column:span 2}.cell.d{grid-column:span 2}.cell.e{grid-column:span 2}.cell.f{grid-column:span 6;min-height:0;flex-direction:row;align-items:center;gap:24px}
.cell.f .ic{margin:0}.cell.f h3{margin:0 0 4.8px}
.cell .mini{display:flex;gap:4.8px;margin-top:14.4px;flex-wrap:wrap;position:relative}
.cell .mini span{font-size:9.6px;padding:4.8px 8.8px;border-radius:80px;background:rgba(255,255,255,.07);border:1px solid var(--line)}
.inv{margin-top:14.4px;border-radius:11.2px;background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.14);padding:9.6px 11.2px;font-size:10.4px;color:#c3c9d3;direction:ltr;text-align:left;min-height:35.2px;position:relative;font-family:ui-monospace,monospace}
.inv .car{display:inline-block;width:5.6px;height:12px;background:var(--mint2);vertical-align:middle;animation:blink 1s infinite}
@keyframes blink{50%{opacity:0}}
/* journey 4 steps */
.cjour{padding:96px 0}
.cj-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.cj-line{position:absolute;top:35.2px;right:12%;left:12%;height:2px;background:rgba(255,255,255,.1)}
.cj-line i{position:absolute;inset:0;background:linear-gradient(270deg,var(--mint2),var(--mauve));transform:scaleX(0);transform-origin:right}
.cj{text-align:center;position:relative}
.cj .dot{width:70.4px;height:70.4px;margin:0 auto 19.2px;border-radius:20.8px;background:#171826;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;transform:rotate(45deg) scale(.75);transition:all .8s var(--ease);font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:22.4px;color:#6f7686;position:relative;z-index:1}
.cj .dot span{transform:rotate(-45deg)}
.cj.on .dot{background:var(--mauve);border-color:var(--mauve);color:#fff;transform:rotate(45deg) scale(1);box-shadow:0 0 0 9.6px rgba(120,108,171,.14),0 16px 40px rgba(120,108,171,.4)}
.cj h3{font-size:17.6px;margin-bottom:6.4px;opacity:.4;transition:opacity .6s}.cj p{font-size:11.6px;color:#aeb5c2;line-height:1.8;opacity:.4;transition:opacity .6s;max-width:208px;margin:0 auto}
.cj.on h3,.cj.on p{opacity:1}
.cj-note{text-align:center;margin-top:32px;color:#aeb5c2}
/* domains select */
.need{padding:88px 0}
.need-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.checks{list-style:none;display:flex;flex-direction:column;gap:9.6px;margin-top:22.4px}
.checks li{display:flex;align-items:center;gap:11.2px;font-size:13.2px}
.checks li i{width:24px;height:24px;border-radius:8px;background:rgba(95,208,160,.14);display:grid;place-items:center;color:#8ae6bd;font-style:normal;font-size:11.2px}
.dsel{display:grid;grid-template-columns:1fr 1fr;gap:9.6px;margin-top:27.2px}
.dopt{border-radius:17.6px;padding:16px;background:#141523;border:1.5px solid var(--line);cursor:pointer;display:flex;align-items:center;gap:11.2px;transition:all .5s var(--ease);position:relative;overflow:hidden;text-align:right;color:#fff;font:inherit}
.dopt .ic{width:43.2px;height:43.2px;border-radius:12.8px;background:var(--lav);display:grid;place-items:center;flex-shrink:0}.dopt .ic img{width:30.4px}
.dopt b{font-size:13.6px;display:block}.dopt small{color:#8b92a0;font-size:10px}
.dopt .ck{position:absolute;top:9.6px;left:9.6px;width:17.6px;height:17.6px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:all .4s}
.dopt.on{border-color:var(--dc);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0))}
.dopt.on .ck{background:var(--dc);border-color:var(--dc);box-shadow:inset 0 0 0 3.2px #141523}
.form{border-radius:25.6px;padding:28.8px;background:rgba(18,19,30,.75);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14.4px)}
.form h3{font-size:20.8px;margin-bottom:4.8px}.form .fs{color:#8b92a0;font-size:10.8px;margin-bottom:19.2px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:9.6px}
.fld{display:flex;flex-direction:column;gap:5.6px;margin-bottom:11.2px}
.fld label{font-size:10.4px;color:#c3c9d3}
.fld input,.fld select,.fld textarea{font:inherit;font-size:12px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:11.2px;padding:10.4px 11.2px;transition:border-color .3s,background .3s;width:100%}
.fld textarea{min-height:72px;resize:vertical}
.fld select option{color:#000}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--mauve);background:rgba(120,108,171,.08)}
.tags{display:flex;flex-wrap:wrap;gap:6.4px;min-height:35.2px;padding:6.4px;border-radius:11.2px;border:1px dashed rgba(255,255,255,.16)}
.tags span{font-size:10.4px;padding:4.8px 9.6px;border-radius:80px;background:var(--dc);color:#fff}
.tags em{font-style:normal;color:#6f7686;font-size:10.4px;padding:4.8px}
.form .btn{width:100%;justify-content:center;margin-top:6.4px}
.form .fnote{font-size:9.6px;color:#6f7686;margin-top:9.6px;text-align:center}
@media(max-width:1000px){
 .dash-grid,.need-grid{grid-template-columns:1fr;gap:27.2px}
 .seats{grid-template-columns:1fr 1fr}
 .bento{grid-template-columns:1fr}.cell.a,.cell.b,.cell.c,.cell.d,.cell.e,.cell.f{grid-column:auto}.cell.f{flex-direction:column;align-items:flex-start}
 .cj-track{grid-template-columns:1fr;gap:27.2px}.cj-line{display:none}.cj h3,.cj p{opacity:1}.cj .dot{transform:rotate(45deg) scale(1)}
 .dsel,.frow{grid-template-columns:1fr}
 .form{padding:19.2px}
}

}