@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} /* ===== دورة تدريب المدربين — صفحة البيع ===== */ .hero.tot-hero{min-height:auto;padding:150px 0 60px;display:block} .tot-hero .hero-copy{max-width:760px} .tot-hero h1{font-size:clamp(30px,3.6vw,52px);line-height:1.3} .tot-hero h1 .g{background:linear-gradient(-100deg,#a7e3c8,#b3a9e6);-webkit-background-clip:text;background-clip:text;color:transparent} .tot-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .tot-facts span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:#cfd6e2;padding:10px 18px;border-radius:100px;border:1px solid var(--line);background:rgba(20,21,33,.55)} .tot-facts span i{width:7px;height:7px;background:var(--mint2);transform:rotate(-45deg);flex-shrink:0} .price-flash{display:inline-flex;align-items:baseline;gap:12px;margin-top:30px;padding:14px 24px;border-radius:20px; background:linear-gradient(-135deg,rgba(11,122,85,.28),rgba(120,108,171,.24));border:1px solid rgba(167,227,200,.28)} .price-flash b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:32px;line-height:1} .price-flash del{color:#8d94a4;font-size:16px} .price-flash em{font-style:normal;font-size:12.5px;color:var(--mint2);font-weight:700} /* لماذا */ .why{padding:110px 0} .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:54px} .why-c{padding:34px;border-radius:26px;background:rgba(20,21,33,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px} .why-c .ic{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.06);display:grid;place-items:center} .why-c .ic img{width:26px;height:26px} .why-c h3{font-size:21px} .why-c p{color:#aeb5c2;font-size:15px;line-height:1.95} .why-c .no{color:#8d94a4;font-size:13.5px;border-top:1px dashed var(--line);padding-top:14px;margin-top:auto} /* الرف والكتب */ .shelf{padding:30px 0 120px;position:relative;z-index:2} .tracks{display:inline-flex;padding:5px;border-radius:100px;border:1px solid var(--line);background:rgba(20,21,33,.6);gap:4px;margin-bottom:12px} .tracks button{font:inherit;font-size:14px;font-weight:700;color:#aeb5c2;padding:11px 24px;border-radius:100px;border:0;background:none;cursor:pointer;transition:background .35s,color .35s} .tracks button.on{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff} .tracks button small{display:block;font-weight:400;font-size:11.5px;opacity:.75;margin-top:2px} .shelf-wrap{position:relative;margin-top:44px} .shelf-row{display:flex;gap:clamp(14px,2.4vw,34px);flex-wrap:wrap;justify-content:center;perspective:1600px;padding-bottom:40px;row-gap:46px} .shelf-row[hidden]{display:none} .shelf-row::after{content:'';position:absolute;right:4%;left:4%;bottom:14px;height:1px; background:linear-gradient(-90deg,transparent,rgba(255,255,255,.14),transparent)} .bk3{all:unset;display:block;box-sizing:border-box;cursor:pointer;width:clamp(124px,12vw,168px);aspect-ratio:1/1.42;position:relative; transform-style:preserve-3d;transition:transform .6s var(--ease),filter .5s;filter:drop-shadow(0 26px 34px rgba(0,0,0,.55))} .bk3-in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(24deg);transition:transform .6s var(--ease)} .bk3:hover{transform:translateY(-14px)} .bk3:hover .bk3-in{transform:rotateY(12deg)} .bk3.on .bk3-in{transform:rotateY(6deg) scale(1.04)} .bk3.on{filter:drop-shadow(0 30px 46px rgba(120,108,171,.45))} .bk3 .f{position:absolute;inset:0;border-radius:10px 4px 4px 10px;backface-visibility:hidden} .bk3 .cov{background:linear-gradient(-150deg,var(--c),#10121d 145%);border:1px solid rgba(255,255,255,.14); padding:clamp(14px,1.4vw,20px);display:flex;flex-direction:column;gap:9px;transform:translateZ(13px);overflow:hidden} .bk3 .cov::before{content:'';position:absolute;inset:0;opacity:.16; background:repeating-linear-gradient(-125deg,transparent 0 12px,rgba(255,255,255,.55) 12px 13px)} .bk3 .cov::after{content:'';position:absolute;top:0;bottom:0;left:0;width:14px;background:linear-gradient(-90deg,rgba(0,0,0,.42),transparent)} .bk3 .mk{width:22px;height:22px;background:currentColor;-webkit-mask:var(--mkimg) center/contain no-repeat;mask:var(--mkimg) center/contain no-repeat;color:rgba(255,255,255,.9);position:relative} .bk3 .day{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.5px;color:rgba(255,255,255,.72);position:relative} .bk3 b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(11.5px,1vw,14.5px);line-height:1.5;color:#fff;position:relative;margin-top:auto;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .bk3 .rule{height:2px;width:34px;background:rgba(255,255,255,.5);position:relative} .bk3 small{font-size:9.5px;color:rgba(255,255,255,.55);position:relative} .bk3 .spn{width:26px;left:0;right:auto;transform:rotateY(-90deg) translateZ(-13px);transform-origin:left center; background:linear-gradient(-180deg,color-mix(in srgb,var(--c) 80%,#000),#0c0e17);display:grid;place-items:center;border-radius:0} .bk3 .spn span{writing-mode:vertical-rl;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:10.5px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;max-height:90%} .bk3 .pgs{transform:translateZ(-13px);background:#efeae0;border-radius:4px; background-image:repeating-linear-gradient(-90deg,#e6e0d4 0 2px,#fbf8f2 2px 4px)} /* الصفحة المفتوحة */ .sprd-box{margin-top:80px;position:relative;min-height:320px} .sprd{display:none;grid-template-columns:.85fr 1.15fr;gap:0;border-radius:24px;overflow:hidden; background:linear-gradient(-90deg,#fbf8f2,#f2ece1);color:#1b1c26;box-shadow:0 40px 90px rgba(0,0,0,.5)} .sprd.on{display:grid} .sp-l{padding:clamp(28px,3vw,52px);background:linear-gradient(-160deg,#141521,#221d38);color:#fff;display:flex;flex-direction:column;gap:14px;justify-content:center} .sp-l .n{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:56px;line-height:1;color:var(--mint2);opacity:.65} .sp-l h3{font-size:clamp(22px,2.4vw,32px);line-height:1.4} .sp-l .hd{color:#b9c0cd;font-size:15px;line-height:1.95} .sp-r{padding:clamp(28px,3vw,52px);position:relative} .sp-r::before{content:'';position:absolute;top:8%;bottom:8%;left:0;width:2px;background:linear-gradient(-180deg,transparent,rgba(0,0,0,.16),transparent)} .sp-r .lbl{display:inline-block;font-size:12px;font-weight:800;color:#6b5b3f;background:#efe7d7;padding:7px 14px;border-radius:100px;margin-bottom:20px} .sp-r ul{list-style:none;display:flex;flex-direction:column;gap:14px} .sp-r li{position:relative;padding-inline-start:26px;font-size:15.5px;line-height:1.9;color:#33353f} .sp-r li::before{content:'';position:absolute;inset-inline-start:0;top:11px;width:9px;height:9px;transform:rotate(-45deg);background:var(--green)} /* المخرجات */ .outs{padding:110px 0;background:rgba(13,14,22,.5);border-block:1px solid var(--line)} .out-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:50px} .out{padding:28px;border-radius:22px;border:1px solid var(--line);background:rgba(20,21,33,.55);display:flex;gap:16px;align-items:flex-start} .out i{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:linear-gradient(-135deg,var(--green),var(--mauve));display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:800} .out p{font-size:15.5px;line-height:1.9;color:#cfd6e2} /* المدربة */ .trainer{padding:120px 0} .tr-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,64px);align-items:center} .tr-photo{position:relative;border-radius:30px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5; background:linear-gradient(-160deg,#241d3e,#12231f);display:grid;place-items:center} .tr-mono{position:absolute;inset:0;display:grid;place-items:center;gap:10px;align-content:center;text-align:center} .tr-mono b{font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(56px,7vw,96px);line-height:1; background:linear-gradient(-140deg,#a7e3c8,#b3a9e6);-webkit-background-clip:text;background-clip:text;color:transparent} .tr-mono span{font-size:12.5px;color:#7e8697;letter-spacing:.5px} .tr-photo img{position:relative;z-index:1} .tr-photo img{width:100%;height:100%;object-fit:cover;object-position:top center} .tr-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(-180deg,transparent 45%,rgba(10,11,18,.85))} .tr-photo .cap{position:absolute;inset-inline:22px;bottom:22px;z-index:2} .tr-photo .cap b{display:block;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:22px} .tr-photo .cap span{font-size:13px;color:#b9c0cd} .tr-q{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(19px,2vw,26px);line-height:1.75;margin:22px 0 26px;padding-inline-start:20px;border-inline-start:3px solid var(--mauve)} .tr-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px} .tr-tags span{font-size:13px;padding:9px 16px;border-radius:100px;border:1px solid var(--line);background:rgba(20,21,33,.6);color:#cfd6e2} .tr-list{list-style:none;display:flex;flex-direction:column;gap:13px} .tr-list li{position:relative;padding-inline-start:26px;color:#aeb5c2;font-size:15px;line-height:1.9} .tr-list li::before{content:'';position:absolute;inset-inline-start:0;top:10px;width:8px;height:8px;transform:rotate(-45deg);background:var(--mint2)} /* الباقات */ .plans{padding:110px 0;position:relative;z-index:2} .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:54px;align-items:start} .plan{padding:38px;border-radius:30px;border:1px solid var(--line);background:rgba(20,21,33,.6);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden} .plan.best{border-color:rgba(167,227,200,.4);background:linear-gradient(-165deg,rgba(11,122,85,.22),rgba(20,21,33,.75))} .plan .tag{position:absolute;top:0;inset-inline-end:0;font-size:11.5px;font-weight:800;padding:9px 18px;border-radius:0 0 16px 0;background:var(--mauve);color:#fff} .plan h3{font-size:24px} .plan .p{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .plan .p b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:42px;line-height:1} .plan .p del{color:#8d94a4;font-size:16px} .plan .p span{font-size:13px;color:#aeb5c2} .plan ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:6px} .plan li{position:relative;padding-inline-start:26px;font-size:14.5px;line-height:1.85;color:#cfd6e2} .plan li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--mint2);font-weight:800} .plan li.off{color:#767d8c} .plan li.off::before{content:'—';color:#4e5462} .plan .btn{margin-top:auto;justify-content:center;text-align:center} /* اعتماد */ .cert{padding:100px 0;background:rgba(13,14,22,.5);border-block:1px solid var(--line)} .cert-in{display:flex;gap:clamp(20px,3vw,50px);align-items:center;flex-wrap:wrap;justify-content:space-between} .cert-logos{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .cert-logos div{background:#fff;border-radius:16px;padding:16px 22px;height:84px;display:grid;place-items:center} .cert-logos img{max-height:100%;width:auto;object-fit:contain} @media (max-width:900px){ .hero.tot-hero{padding:120px 0 34px} .tr-grid{grid-template-columns:1fr} .sprd.on{grid-template-columns:1fr} .sp-r::before{display:none} .shelf-row{gap:12px} .bk3{width:clamp(104px,29vw,140px)} } /* ===== ترقية التفاعل ===== */ .tot-hero{overflow:visible} .marquee .mq span{font-size:clamp(22px,3vw,40px)} .marquee{padding:34px 0} .tot-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,70px);align-items:center} .rot{display:inline-grid;vertical-align:bottom;height:1.18em;overflow:hidden;position:relative} .rot span{grid-area:1/1;opacity:0;transform:translateY(105%)} .rot span.in{opacity:1;transform:translateY(0)} .rot span.out{opacity:0;transform:translateY(-105%)} .rot span{transition:transform .75s var(--ease),opacity .5s} .hero-card{position:relative;border-radius:34px;overflow:hidden;aspect-ratio:4/5; border:1px solid rgba(255,255,255,.14);background:linear-gradient(-160deg,#241d3e,#12231f);will-change:transform} .hero-card img{width:100%;height:100%;object-fit:cover;object-position:50% 18%} .hero-card::after{content:'';position:absolute;inset:0;background:linear-gradient(-180deg,rgba(10,11,18,.05) 35%,rgba(10,11,18,.92))} .hc-cap{position:absolute;inset-inline:26px;bottom:24px;z-index:2} .hc-cap em{font-style:normal;display:inline-block;font-size:11.5px;font-weight:800;color:#0d0e16;background:var(--mint2);padding:6px 13px;border-radius:100px;margin-bottom:12px} .hc-cap b{display:block;font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(20px,2vw,26px)} .hc-cap span{font-size:12.5px;color:#c3cad6;line-height:1.7;display:block;margin-top:4px} .hc-badge{position:absolute;top:20px;inset-inline-start:20px;z-index:2;display:flex;gap:7px;align-items:center; font-size:11.5px;font-weight:700;padding:9px 14px;border-radius:100px;background:rgba(9,10,17,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16)} .hc-badge i{width:6px;height:6px;border-radius:50%;background:#5fd0a0;box-shadow:0 0 0 0 rgba(95,208,160,.7);animation:pls 2s infinite} @keyframes pls{70%{box-shadow:0 0 0 9px rgba(95,208,160,0)}100%{box-shadow:0 0 0 0 rgba(95,208,160,0)}} .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;max-width:620px} .kpi{padding:18px 14px;border-radius:18px;border:1px solid var(--line);background:rgba(20,21,33,.55);text-align:center} .kpi b{display:block;font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(24px,2.4vw,34px);line-height:1.1; background:linear-gradient(-180deg,#fff,#a7e3c8);-webkit-background-clip:text;background-clip:text;color:transparent} .kpi span{font-size:11.5px;color:#98a0b0;display:block;margin-top:5px} .sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:90;transform:translateY(130%);transition:transform .6s var(--ease); padding:0 0 env(safe-area-inset-bottom,0)} .sticky-cta.show{transform:translateY(0)} body.has-bar .exp{opacity:0;pointer-events:none;transition:opacity .4s} .sc-in{max-width:1180px;margin:0 auto 16px;padding:14px 20px;border-radius:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap; background:rgba(12,13,22,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.6)} .sc-t{font-family:'ThmanyahD','Thmanyah',serif;font-size:16px} .sc-p{margin-inline-start:auto;display:flex;align-items:baseline;gap:9px;font-size:13px;color:#aeb5c2} .sc-p b{font-family:'ThmanyahD','Thmanyah',serif;font-size:24px;color:#fff} .sc-p del{color:#767d8c} @media(max-width:700px){.sc-t{display:none}.sc-in{margin-inline:12px}} .bk3-in{transform:rotateY(calc(-1*(-24deg + var(--tx,0deg)))) rotateX(var(--ty,0deg))} .bk3:hover .bk3-in{transform:rotateY(calc(-1*(-12deg + var(--tx,0deg)))) rotateX(var(--ty,0deg))} .bk3.on .bk3-in{transform:rotateY(calc(-1*(-9deg + var(--tx,0deg)))) rotateX(var(--ty,0deg)) scale(1.06)} .bk3 .cov{transform-origin:left center;transition:transform .85s cubic-bezier(.62,.02,.2,1)} .bk3.on .cov{transform:translateZ(13px) rotateY(70deg)} .bk3 .pgs{display:flex;flex-direction:column;gap:7px;padding:clamp(12px,1.2vw,18px);color:#2a2b36;text-align:start} .bk3 .pgs em{font-style:normal;font-size:10px;font-weight:800;color:#8a7f66} .bk3 .pgs strong{font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(11px,.95vw,13.5px);line-height:1.5} .bk3 .pgs i{display:block;height:1px;background:rgba(0,0,0,.14);margin:2px 0} .bk3 .pgs span{font-size:9.5px;line-height:1.65;color:#5d5c68;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .sprd{transform-origin:left center} .sprd.on{animation:pageIn .8s var(--ease) both} @keyframes pageIn{from{opacity:0;transform:perspective(1400px) rotateY(16deg) translateY(22px)}to{opacity:1;transform:none}} .plan{will-change:transform;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s} .plan::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateX(130%); background:linear-gradient(-115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%)} .plan:hover{transform:translateY(-10px);box-shadow:0 34px 70px rgba(0,0,0,.55)} .plan:hover::after{opacity:1;transform:translateX(-130%);transition:transform 1s var(--ease),opacity .2s} .cert-logos div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:18px 28px;height:96px;width:auto;min-width:190px;max-width:320px; display:flex;align-items:center;justify-content:center;overflow:hidden;backdrop-filter:blur(8px)} .cert-logos img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain} .tr-photo img{position:relative;z-index:1;object-position:50% 14%} @media(max-width:900px){.tot-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.hero-card{max-width:340px;margin-inline:auto}} 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 .tracks button.on,html.lt .bk3 .cov,html.lt .bk3 .spn,html.lt .sp-l,html.lt .tr-photo,html.lt .hero-card{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-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 .tot-hero h1 .g{background-image:linear-gradient(-100deg,#0B7A55,#786CAB)}html.lt .tot-facts span{color:#15161f;background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .tot-facts span:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tot-facts span:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tot-facts span:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .price-flash del{color:#4d5261}html.lt .price-flash em{color:#0B7A55}html.lt .why-c{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .why-c:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .why-c:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .why-c:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .why-c .ic{background:rgba(120,108,171,0.054)}html.lt .why-c p{color:#4d5261}html.lt .why-c .no{color:#4d5261}html.lt .tracks{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .tracks:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tracks:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tracks:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .tracks button{color:#4d5261}html.lt .shelf-row::after{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .bk3 .mk{color:rgba(21,22,31,0.9)}html.lt .bk3 .day{color:rgba(21,22,31,0.72)}html.lt .bk3 b{color:#15161f}html.lt .bk3 .rule{background:rgba(120,108,171,0.45)}html.lt .bk3 small{color:rgba(21,22,31,0.7)}html.lt .sprd{box-shadow:0 40px 90px rgba(20,21,40,0.125)}html.lt .sp-r::before{background:linear-gradient(-180deg,transparent,rgba(13,14,22,0.024),transparent)}html.lt .outs{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .outs:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .outs:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .outs:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .out{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .out:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .out:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .out:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .out p{color:#15161f}html.lt .tr-mono b{background-image:linear-gradient(-140deg,#0B7A55,#786CAB)}html.lt .tr-mono span{color:#4d5261}html.lt .tr-tags span{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);color:#15161f}html.lt .tr-tags span:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tr-tags span:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tr-tags span:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .tr-list li{color:#4d5261}html.lt .plan{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .plan:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .plan:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .plan.best{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan.best:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .plan.best:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .plan.best:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .plan .tag{color:#15161f}html.lt .plan .p del{color:#4d5261}html.lt .plan .p span{color:#4d5261}html.lt .plan li{color:#15161f}html.lt .plan li::before{color:#0B7A55}html.lt .plan li.off{color:#6b7080}html.lt .plan li.off::before{color:#6b7080}html.lt .cert{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .cert:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .cert:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .cert:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .hc-cap span{color:#15161f}html.lt .hc-badge{background:#ece6fb;border:1px solid rgba(13,14,22,0.16)}html.lt .kpi{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .kpi:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .kpi:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .kpi:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .kpi b{background-image:linear-gradient(-180deg,#0B7A55,#786CAB)}html.lt .kpi span{color:#4d5261}html.lt .sc-in{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.146);box-shadow:0 20px 50px rgba(20,21,40,0.15)}html.lt .sc-in:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .sc-in:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .sc-in:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .sc-p{color:#4d5261}html.lt .sc-p b{color:#15161f}html.lt .sc-p del{color:#6b7080}html.lt .bk3 .pgs i{background:rgba(13,14,22,0.021)}html.lt .plan::after{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan:hover{box-shadow:0 34px 70px rgba(20,21,40,0.138)}html.lt .cert-logos div{background:rgba(120,108,171,0.054)} } @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} /* ===== دورة تدريب المدربين — صفحة البيع ===== */ .hero.tot-hero{min-height:auto;padding:120px 0 48px;display:block} .tot-hero .hero-copy{max-width:608px} .tot-hero h1{font-size:clamp(24px,3.6vw,41.6px);line-height:1.3} .tot-hero h1 .g{background:linear-gradient(-100deg,#a7e3c8,#b3a9e6);-webkit-background-clip:text;background-clip:text;color:transparent} .tot-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:20.8px} .tot-facts span{display:inline-flex;align-items:center;gap:7.2px;font-size:10.8px;color:#cfd6e2;padding:8px 14.4px;border-radius:80px;border:1px solid var(--line);background:rgba(20,21,33,.55)} .tot-facts span i{width:5.6px;height:5.6px;background:var(--mint2);transform:rotate(-45deg);flex-shrink:0} .price-flash{display:inline-flex;align-items:baseline;gap:9.6px;margin-top:24px;padding:11.2px 19.2px;border-radius:16px; background:linear-gradient(-135deg,rgba(11,122,85,.28),rgba(120,108,171,.24));border:1px solid rgba(167,227,200,.28)} .price-flash b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:25.6px;line-height:1} .price-flash del{color:#8d94a4;font-size:12.8px} .price-flash em{font-style:normal;font-size:10px;color:var(--mint2);font-weight:700} /* لماذا */ .why{padding:88px 0} .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14.4px;margin-top:43.2px} .why-c{padding:27.2px;border-radius:20.8px;background:rgba(20,21,33,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:11.2px} .why-c .ic{width:41.6px;height:41.6px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center} .why-c .ic img{width:20.8px;height:20.8px} .why-c h3{font-size:16.8px} .why-c p{color:#aeb5c2;font-size:12px;line-height:1.95} .why-c .no{color:#8d94a4;font-size:10.8px;border-top:1px dashed var(--line);padding-top:11.2px;margin-top:auto} /* الرف والكتب */ .shelf{padding:24px 0 96px;position:relative;z-index:2} .tracks{display:inline-flex;padding:4px;border-radius:80px;border:1px solid var(--line);background:rgba(20,21,33,.6);gap:3.2px;margin-bottom:9.6px} .tracks button{font:inherit;font-size:11.2px;font-weight:700;color:#aeb5c2;padding:8.8px 19.2px;border-radius:80px;border:0;background:none;cursor:pointer;transition:background .35s,color .35s} .tracks button.on{background:linear-gradient(-135deg,var(--mauve),#3F6E62);color:#fff} .tracks button small{display:block;font-weight:400;font-size:9.2px;opacity:.75;margin-top:2px} .shelf-wrap{position:relative;margin-top:35.2px} .shelf-row{display:flex;gap:clamp(11.2px,2.4vw,27.2px);flex-wrap:wrap;justify-content:center;perspective:1280px;padding-bottom:32px;row-gap:36.8px} .shelf-row[hidden]{display:none} .shelf-row::after{content:'';position:absolute;right:4%;left:4%;bottom:11.2px;height:1px; background:linear-gradient(-90deg,transparent,rgba(255,255,255,.14),transparent)} .bk3{all:unset;display:block;box-sizing:border-box;cursor:pointer;width:clamp(99.2px,12vw,134.4px);aspect-ratio:1/1.42;position:relative; transform-style:preserve-3d;transition:transform .6s var(--ease),filter .5s;filter:drop-shadow(0 20.8px 27.2px rgba(0,0,0,.55))} .bk3-in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(24deg);transition:transform .6s var(--ease)} .bk3:hover{transform:translateY(-11.2px)} .bk3:hover .bk3-in{transform:rotateY(12deg)} .bk3.on .bk3-in{transform:rotateY(6deg) scale(1.04)} .bk3.on{filter:drop-shadow(0 24px 36.8px rgba(120,108,171,.45))} .bk3 .f{position:absolute;inset:0;border-radius:8px 3.2px 3.2px 8px;backface-visibility:hidden} .bk3 .cov{background:linear-gradient(-150deg,var(--c),#10121d 145%);border:1px solid rgba(255,255,255,.14); padding:clamp(11.2px,1.4vw,16px);display:flex;flex-direction:column;gap:7.2px;transform:translateZ(10.4px);overflow:hidden} .bk3 .cov::before{content:'';position:absolute;inset:0;opacity:.16; background:repeating-linear-gradient(-125deg,transparent 0 9.6px,rgba(255,255,255,.55) 9.6px 10.4px)} .bk3 .cov::after{content:'';position:absolute;top:0;bottom:0;left:0;width:11.2px;background:linear-gradient(-90deg,rgba(0,0,0,.42),transparent)} .bk3 .mk{width:17.6px;height:17.6px;background:currentColor;-webkit-mask:var(--mkimg) center/contain no-repeat;mask:var(--mkimg) center/contain no-repeat;color:rgba(255,255,255,.9);position:relative} .bk3 .day{font-style:normal;font-size:8.8px;font-weight:800;letter-spacing:.5px;color:rgba(255,255,255,.72);position:relative} .bk3 b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(9.2px,1vw,11.6px);line-height:1.5;color:#fff;position:relative;margin-top:auto;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .bk3 .rule{height:2px;width:27.2px;background:rgba(255,255,255,.5);position:relative} .bk3 small{font-size:7.6px;color:rgba(255,255,255,.55);position:relative} .bk3 .spn{width:20.8px;left:0;right:auto;transform:rotateY(-90deg) translateZ(-10.4px);transform-origin:left center; background:linear-gradient(-180deg,color-mix(in srgb,var(--c) 80%,#000),#0c0e17);display:grid;place-items:center;border-radius:0} .bk3 .spn span{writing-mode:vertical-rl;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:8.4px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;max-height:90%} .bk3 .pgs{transform:translateZ(-10.4px);background:#efeae0;border-radius:3.2px; background-image:repeating-linear-gradient(-90deg,#e6e0d4 0 2px,#fbf8f2 2px 3.2px)} /* الصفحة المفتوحة */ .sprd-box{margin-top:64px;position:relative;min-height:256px} .sprd{display:none;grid-template-columns:.85fr 1.15fr;gap:0;border-radius:19.2px;overflow:hidden; background:linear-gradient(-90deg,#fbf8f2,#f2ece1);color:#1b1c26;box-shadow:0 32px 72px rgba(0,0,0,.5)} .sprd.on{display:grid} .sp-l{padding:clamp(22.4px,3vw,41.6px);background:linear-gradient(-160deg,#141521,#221d38);color:#fff;display:flex;flex-direction:column;gap:11.2px;justify-content:center} .sp-l .n{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:44.8px;line-height:1;color:var(--mint2);opacity:.65} .sp-l h3{font-size:clamp(17.6px,2.4vw,25.6px);line-height:1.4} .sp-l .hd{color:#b9c0cd;font-size:12px;line-height:1.95} .sp-r{padding:clamp(22.4px,3vw,41.6px);position:relative} .sp-r::before{content:'';position:absolute;top:8%;bottom:8%;left:0;width:2px;background:linear-gradient(-180deg,transparent,rgba(0,0,0,.16),transparent)} .sp-r .lbl{display:inline-block;font-size:9.6px;font-weight:800;color:#6b5b3f;background:#efe7d7;padding:5.6px 11.2px;border-radius:80px;margin-bottom:16px} .sp-r ul{list-style:none;display:flex;flex-direction:column;gap:11.2px} .sp-r li{position:relative;padding-inline-start:20.8px;font-size:12.4px;line-height:1.9;color:#33353f} .sp-r li::before{content:'';position:absolute;inset-inline-start:0;top:8.8px;width:7.2px;height:7.2px;transform:rotate(-45deg);background:var(--green)} /* المخرجات */ .outs{padding:88px 0;background:rgba(13,14,22,.5);border-block:1px solid var(--line)} .out-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:12.8px;margin-top:40px} .out{padding:22.4px;border-radius:17.6px;border:1px solid var(--line);background:rgba(20,21,33,.55);display:flex;gap:12.8px;align-items:flex-start} .out i{width:27.2px;height:27.2px;flex-shrink:0;border-radius:8px;background:linear-gradient(-135deg,var(--green),var(--mauve));display:grid;place-items:center;font-style:normal;font-size:11.2px;font-weight:800} .out p{font-size:12.4px;line-height:1.9;color:#cfd6e2} /* المدربة */ .trainer{padding:96px 0} .tr-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(19.2px,4vw,51.2px);align-items:center} .tr-photo{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5; background:linear-gradient(-160deg,#241d3e,#12231f);display:grid;place-items:center} .tr-mono{position:absolute;inset:0;display:grid;place-items:center;gap:8px;align-content:center;text-align:center} .tr-mono b{font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(44.8px,7vw,76.8px);line-height:1; background:linear-gradient(-140deg,#a7e3c8,#b3a9e6);-webkit-background-clip:text;background-clip:text;color:transparent} .tr-mono span{font-size:10px;color:#7e8697;letter-spacing:.5px} .tr-photo img{position:relative;z-index:1} .tr-photo img{width:100%;height:100%;object-fit:cover;object-position:top center} .tr-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(-180deg,transparent 45%,rgba(10,11,18,.85))} .tr-photo .cap{position:absolute;inset-inline:17.6px;bottom:17.6px;z-index:2} .tr-photo .cap b{display:block;font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:17.6px} .tr-photo .cap span{font-size:10.4px;color:#b9c0cd} .tr-q{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:clamp(15.2px,2vw,20.8px);line-height:1.75;margin:17.6px 0 20.8px;padding-inline-start:16px;border-inline-start:2.4px solid var(--mauve)} .tr-tags{display:flex;gap:7.2px;flex-wrap:wrap;margin-bottom:20.8px} .tr-tags span{font-size:10.4px;padding:7.2px 12.8px;border-radius:80px;border:1px solid var(--line);background:rgba(20,21,33,.6);color:#cfd6e2} .tr-list{list-style:none;display:flex;flex-direction:column;gap:10.4px} .tr-list li{position:relative;padding-inline-start:20.8px;color:#aeb5c2;font-size:12px;line-height:1.9} .tr-list li::before{content:'';position:absolute;inset-inline-start:0;top:8px;width:6.4px;height:6.4px;transform:rotate(-45deg);background:var(--mint2)} /* الباقات */ .plans{padding:88px 0;position:relative;z-index:2} .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));gap:16px;margin-top:43.2px;align-items:start} .plan{padding:30.4px;border-radius:24px;border:1px solid var(--line);background:rgba(20,21,33,.6);display:flex;flex-direction:column;gap:14.4px;position:relative;overflow:hidden} .plan.best{border-color:rgba(167,227,200,.4);background:linear-gradient(-165deg,rgba(11,122,85,.22),rgba(20,21,33,.75))} .plan .tag{position:absolute;top:0;inset-inline-end:0;font-size:9.2px;font-weight:800;padding:7.2px 14.4px;border-radius:0 0 12.8px 0;background:var(--mauve);color:#fff} .plan h3{font-size:19.2px} .plan .p{display:flex;align-items:baseline;gap:9.6px;flex-wrap:wrap} .plan .p b{font-family:'ThmanyahD','Thmanyah','Noto Serif Arabic',serif;font-size:33.6px;line-height:1} .plan .p del{color:#8d94a4;font-size:12.8px} .plan .p span{font-size:10.4px;color:#aeb5c2} .plan ul{list-style:none;display:flex;flex-direction:column;gap:9.6px;margin-top:4.8px} .plan li{position:relative;padding-inline-start:20.8px;font-size:11.6px;line-height:1.85;color:#cfd6e2} .plan li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--mint2);font-weight:800} .plan li.off{color:#767d8c} .plan li.off::before{content:'—';color:#4e5462} .plan .btn{margin-top:auto;justify-content:center;text-align:center} /* اعتماد */ .cert{padding:80px 0;background:rgba(13,14,22,.5);border-block:1px solid var(--line)} .cert-in{display:flex;gap:clamp(16px,3vw,40px);align-items:center;flex-wrap:wrap;justify-content:space-between} .cert-logos{display:flex;gap:12.8px;align-items:center;flex-wrap:wrap} .cert-logos div{background:#fff;border-radius:12.8px;padding:12.8px 17.6px;height:67.2px;display:grid;place-items:center} .cert-logos img{max-height:100%;width:auto;object-fit:contain} @media (max-width:900px){ .hero.tot-hero{padding:96px 0 27.2px} .tr-grid{grid-template-columns:1fr} .sprd.on{grid-template-columns:1fr} .sp-r::before{display:none} .shelf-row{gap:9.6px} .bk3{width:clamp(83.2px,29vw,112px)} } /* ===== ترقية التفاعل ===== */ .tot-hero{overflow:visible} .marquee .mq span{font-size:clamp(17.6px,3vw,32px)} .marquee{padding:27.2px 0} .tot-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(19.2px,4vw,56px);align-items:center} .rot{display:inline-grid;vertical-align:bottom;height:1.18em;overflow:hidden;position:relative} .rot span{grid-area:1/1;opacity:0;transform:translateY(105%)} .rot span.in{opacity:1;transform:translateY(0)} .rot span.out{opacity:0;transform:translateY(-105%)} .rot span{transition:transform .75s var(--ease),opacity .5s} .hero-card{position:relative;border-radius:27.2px;overflow:hidden;aspect-ratio:4/5; border:1px solid rgba(255,255,255,.14);background:linear-gradient(-160deg,#241d3e,#12231f);will-change:transform} .hero-card img{width:100%;height:100%;object-fit:cover;object-position:50% 18%} .hero-card::after{content:'';position:absolute;inset:0;background:linear-gradient(-180deg,rgba(10,11,18,.05) 35%,rgba(10,11,18,.92))} .hc-cap{position:absolute;inset-inline:20.8px;bottom:19.2px;z-index:2} .hc-cap em{font-style:normal;display:inline-block;font-size:9.2px;font-weight:800;color:#0d0e16;background:var(--mint2);padding:4.8px 10.4px;border-radius:80px;margin-bottom:9.6px} .hc-cap b{display:block;font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(16px,2vw,20.8px)} .hc-cap span{font-size:10px;color:#c3cad6;line-height:1.7;display:block;margin-top:3.2px} .hc-badge{position:absolute;top:16px;inset-inline-start:16px;z-index:2;display:flex;gap:5.6px;align-items:center; font-size:9.2px;font-weight:700;padding:7.2px 11.2px;border-radius:80px;background:rgba(9,10,17,.62);backdrop-filter:blur(6.4px);border:1px solid rgba(255,255,255,.16)} .hc-badge i{width:4.8px;height:4.8px;border-radius:50%;background:#5fd0a0;box-shadow:0 0 0 0 rgba(95,208,160,.7);animation:pls 2s infinite} @keyframes pls{70%{box-shadow:0 0 0 7.2px rgba(95,208,160,0)}100%{box-shadow:0 0 0 0 rgba(95,208,160,0)}} .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9.6px;margin-top:27.2px;max-width:496px} .kpi{padding:14.4px 11.2px;border-radius:14.4px;border:1px solid var(--line);background:rgba(20,21,33,.55);text-align:center} .kpi b{display:block;font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(19.2px,2.4vw,27.2px);line-height:1.1; background:linear-gradient(-180deg,#fff,#a7e3c8);-webkit-background-clip:text;background-clip:text;color:transparent} .kpi span{font-size:9.2px;color:#98a0b0;display:block;margin-top:4px} .sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:90;transform:translateY(130%);transition:transform .6s var(--ease); padding:0 0 env(safe-area-inset-bottom,0)} .sticky-cta.show{transform:translateY(0)} body.has-bar .exp{opacity:0;pointer-events:none;transition:opacity .4s} .sc-in{max-width:944px;margin:0 auto 12.8px;padding:11.2px 16px;border-radius:16px;display:flex;align-items:center;gap:12.8px;flex-wrap:wrap; background:rgba(12,13,22,.88);backdrop-filter:blur(14.4px);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px rgba(0,0,0,.6)} .sc-t{font-family:'ThmanyahD','Thmanyah',serif;font-size:12.8px} .sc-p{margin-inline-start:auto;display:flex;align-items:baseline;gap:7.2px;font-size:10.4px;color:#aeb5c2} .sc-p b{font-family:'ThmanyahD','Thmanyah',serif;font-size:19.2px;color:#fff} .sc-p del{color:#767d8c} @media(max-width:700px){.sc-t{display:none}.sc-in{margin-inline:9.6px}} .bk3-in{transform:rotateY(calc(-1*(-24deg + var(--tx,0deg)))) rotateX(var(--ty,0deg))} .bk3:hover .bk3-in{transform:rotateY(calc(-1*(-12deg + var(--tx,0deg)))) rotateX(var(--ty,0deg))} .bk3.on .bk3-in{transform:rotateY(calc(-1*(-9deg + var(--tx,0deg)))) rotateX(var(--ty,0deg)) scale(1.06)} .bk3 .cov{transform-origin:left center;transition:transform .85s cubic-bezier(.62,.02,.2,1)} .bk3.on .cov{transform:translateZ(10.4px) rotateY(70deg)} .bk3 .pgs{display:flex;flex-direction:column;gap:5.6px;padding:clamp(9.6px,1.2vw,14.4px);color:#2a2b36;text-align:start} .bk3 .pgs em{font-style:normal;font-size:8px;font-weight:800;color:#8a7f66} .bk3 .pgs strong{font-family:'ThmanyahD','Thmanyah',serif;font-size:clamp(8.8px,.95vw,10.8px);line-height:1.5} .bk3 .pgs i{display:block;height:1px;background:rgba(0,0,0,.14);margin:2px 0} .bk3 .pgs span{font-size:7.6px;line-height:1.65;color:#5d5c68;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .sprd{transform-origin:left center} .sprd.on{animation:pageIn .8s var(--ease) both} @keyframes pageIn{from{opacity:0;transform:perspective(1120px) rotateY(16deg) translateY(17.6px)}to{opacity:1;transform:none}} .plan{will-change:transform;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s} .plan::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateX(130%); background:linear-gradient(-115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%)} .plan:hover{transform:translateY(-8px);box-shadow:0 27.2px 56px rgba(0,0,0,.55)} .plan:hover::after{opacity:1;transform:translateX(-130%);transition:transform 1s var(--ease),opacity .2s} .cert-logos div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14.4px;padding:14.4px 22.4px;height:76.8px;width:auto;min-width:152px;max-width:256px; display:flex;align-items:center;justify-content:center;overflow:hidden;backdrop-filter:blur(6.4px)} .cert-logos img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain} .tr-photo img{position:relative;z-index:1;object-position:50% 14%} @media(max-width:900px){.tot-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.hero-card{max-width:272px;margin-inline:auto}} 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 .tracks button.on,html.lt .bk3 .cov,html.lt .bk3 .spn,html.lt .sp-l,html.lt .tr-photo,html.lt .hero-card{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-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 .tot-hero h1 .g{background-image:linear-gradient(-100deg,#0B7A55,#786CAB)}html.lt .tot-facts span{color:#15161f;background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .tot-facts span:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tot-facts span:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tot-facts span:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .price-flash del{color:#4d5261}html.lt .price-flash em{color:#0B7A55}html.lt .why-c{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .why-c:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .why-c:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .why-c:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .why-c .ic{background:rgba(120,108,171,0.054)}html.lt .why-c p{color:#4d5261}html.lt .why-c .no{color:#4d5261}html.lt .tracks{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .tracks:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tracks:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tracks:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .tracks button{color:#4d5261}html.lt .shelf-row::after{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .bk3 .mk{color:rgba(21,22,31,0.9)}html.lt .bk3 .day{color:rgba(21,22,31,0.72)}html.lt .bk3 b{color:#15161f}html.lt .bk3 .rule{background:rgba(120,108,171,0.45)}html.lt .bk3 small{color:rgba(21,22,31,0.7)}html.lt .sprd{box-shadow:0 32px 72px rgba(20,21,40,0.125)}html.lt .sp-r::before{background:linear-gradient(-180deg,transparent,rgba(13,14,22,0.024),transparent)}html.lt .outs{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .outs:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .outs:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .outs:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .out{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .out:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .out:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .out:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .out p{color:#15161f}html.lt .tr-mono b{background-image:linear-gradient(-140deg,#0B7A55,#786CAB)}html.lt .tr-mono span{color:#4d5261}html.lt .tr-tags span{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);color:#15161f}html.lt .tr-tags span:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .tr-tags span:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .tr-tags span:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .tr-list li{color:#4d5261}html.lt .plan{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .plan:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .plan:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .plan.best{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan.best:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .plan.best:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .plan.best:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .plan .tag{color:#15161f}html.lt .plan .p del{color:#4d5261}html.lt .plan .p span{color:#4d5261}html.lt .plan li{color:#15161f}html.lt .plan li::before{color:#0B7A55}html.lt .plan li.off{color:#6b7080}html.lt .plan li.off::before{color:#6b7080}html.lt .cert{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .cert:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .cert:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .cert:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .hc-cap span{color:#15161f}html.lt .hc-badge{background:#ece6fb;border:1px solid rgba(13,14,22,0.16)}html.lt .kpi{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .kpi:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .kpi:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .kpi:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .kpi b{background-image:linear-gradient(-180deg,#0B7A55,#786CAB)}html.lt .kpi span{color:#4d5261}html.lt .sc-in{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%);border:1px solid rgba(13,14,22,0.146);box-shadow:0 16px 40px rgba(20,21,40,0.15)}html.lt .sc-in:nth-child(3n+1){--tint:#ece6fb;--tint2:#d9cff3;border-color:rgba(120,108,171,.3)}html.lt .sc-in:nth-child(3n+2){--tint:#e1f3ea;--tint2:#c9e8d9;border-color:rgba(11,122,85,.28)}html.lt .sc-in:nth-child(3n+3){--tint:#e3ecf8;--tint2:#cfdef0;border-color:rgba(61,94,130,.28)}html.lt .sc-p{color:#4d5261}html.lt .sc-p b{color:#15161f}html.lt .sc-p del{color:#6b7080}html.lt .bk3 .pgs i{background:rgba(13,14,22,0.021)}html.lt .plan::after{background:linear-gradient(160deg,var(--tint,#ece6fb) 0%,var(--tint2,#dcd3f4) 100%)}html.lt .plan:hover{box-shadow:0 27.2px 56px rgba(20,21,40,0.138)}html.lt .cert-logos div{background:rgba(120,108,171,0.054)} }