/* ══════════════════════════════════════════════════════════════════════
   🔵 **ورقةُ الواجهةِ الرئيسيّة — منقولةٌ حرفًا من `Downloads/index.html`**
   2026-09-03 بأمر صاحب المشروع: «طبّقها بدل واجهتِنا: **تصميمُها وألوانُها
   ومقاساتُها منقولةً حرفًا**».

   ⚠ **منقولةٌ لا مكتوبة**: استُخرجت **139 قاعدةً** تخصّ أصنافَ قسمِ البطلِ
     السبعةَ والأربعين من **214 كتلةَ `<style>`** في الملفّ (‏728,638 محرفًا)،
     بموازنةِ الأقواسِ لا بتعبيرٍ نمطيّ، **بقيمِها كما هي**.
   ⚠ **ولا لونَ اختُرع**: متغيّراتُ `:root` في الملفّ هي لوحةُ مشروعِنا
     نفسُها (`--blue:#0647bd` · `--soft:#eef5ff` · `--radius:20px` …).
   ⚠ **وهذه ورقةُ الصفحةِ العامّةِ وحدَها** — لا تُربط في لوحةِ التحكّم.
   ══════════════════════════════════════════════════════════════════════ */

:root {--blue:#0647bd;--blue2:#0b5fe0;--blue3:#083995;--soft:#eef5ff;--page:#f7f9fd;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e6ebf3;--green:#20c65a;--danger:#e51b42;--shadow:0 12px 32px rgba(14,31,74,.10);--soft-shadow:0 8px 22px rgba(14,31,74,.08);--radius:20px;--font:"Tajawal",sans-serif}
* {box-sizing:border-box}
body {margin:0;font-family:var(--font);background:var(--page);color:var(--text);overflow-x:hidden}
a {text-decoration:none;color:inherit}
:root {--mblue:#075b86;--msky:#159fe8;--mbg:#eaf7fd;--mline:#d7e9f3;--mtext:#27394b;--mgray:#92a0ad}
@keyframes fadeUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes floatY {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatYSm {0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes promoIn {from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes shimmer {0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes popIn {from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
:root {--gap:14px}
.promo-slide.s1 {background:linear-gradient(140deg,#04389b,#085ee0)}
.promo-slide.s1 .pbtn {color:#085ee0}
.promo-slide.s2 {background:linear-gradient(140deg,#0c8fd6,#075b86)}
.promo-slide.s2 .pbtn {color:#0c6ea8}
.promo-slide.s3 {background:linear-gradient(140deg,#e0467f,#a32d5c)}
.promo-slide.s3 .pbtn {color:#c93f86}
@keyframes fadeOnly {from{opacity:0}to{opacity:1}}
@keyframes naPop {from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes nbmLocate {0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.18)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes zdcStoreA {0%,42%{opacity:1;transform:translateY(0)}44%,94%{opacity:0;transform:translateY(-10px);pointer-events:none}100%{opacity:1;transform:translateY(0)}}
@keyframes zdcStoreB {0%,42%{opacity:0;transform:translateY(10px);pointer-events:none}44%,94%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(10px)}}
@keyframes zdcShowGoogle {0%,44%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}50%,94%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}100%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}
@keyframes zdcShowApple {0%,44%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}50%,94%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}100%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}}
@keyframes zdcGoogleVisible {0%,44%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}50%,94%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}100%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}
@keyframes zdcAppleVisible {0%,44%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}50%,94%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}100%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}}
html {zoom:0.95}
@keyframes zdcPhoneFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes zdcLogoFloat {0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.06)}}
@keyframes zdcStoreSwapA {0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes zdcStoreSwapB {0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@keyframes zdcStoreSwapA {0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}
@keyframes zdcStoreSwapB {0%,43%{opacity:0}50%,93%{opacity:1}100%{opacity:0}}
:root {--zj-dark:#082b68;--zj-blue:#087af0;--zj-blue2:#22c9ff;--zj-blue-d:#0758d8;--zj-text:#15395e;--zj-muted:#637d9b;--zj-cyan:#19c5ce;--zj-gold:#c8901a;--zj-gold2:#e8bd4a;--zj-green:#12a86a;--zj-red:#e0518a;--zj-amber:#c8901a;--zj-bg:#f7fcff;--zj-page:#eef8ff;--zj-line:rgba(8,122,240,.12);--zj-glass:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.24));--zj-glass-soft:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.18));--zj-card-bg:linear-gradient(162deg,rgba(255,255,255,.94),rgba(238,248,255,.7));--zj-shadow:0 24px 60px rgba(41,106,170,.14);--zj-shadow-sm:0 12px 30px rgba(41,106,170,.08);--zj-shadow-lg:0 44px 96px rgba(41,106,170,.30);--zj-r-chip:999px;--zj-r-sm:12px;--zj-r-field:16px;--zj-r:22px;--zj-r-lg:36px;--zj-grad-blue:radial-gradient(circle at 20% 0%,rgba(255,255,255,.42),transparent 35%),linear-gradient(145deg,#24c7ff,#087af0 55%,#0758d8);--zj-grad-gold:linear-gradient(145deg,#e8bd4a,#c8901a);--zj-focus:0 0 0 3px rgba(8,122,240,.25)}
:root {--zdc-blue:var(--zj-blue);--zdc-cyan:var(--zj-blue2);--zdc-dark:var(--zj-dark);--zdc-text:var(--zj-text);--zdc-muted:var(--zj-muted);--zdc-pink:var(--zj-red);--zdc-glass:var(--zj-glass)}
@keyframes zdcCelGlow {from{box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 7px rgba(36,199,255,.4),0 0 30px 6px rgba(8,122,240,.4),0 40px 90px rgba(41,106,170,.35)}to{box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 10px rgba(36,199,255,.72),0 0 58px 15px rgba(8,122,240,.72),0 40px 90px rgba(41,106,170,.35)}}
#zjLanding .container {width:min(1180px,calc(100% - 42px));margin:0 auto;position:relative;z-index:2}
#zjLanding .container.w90 {width:84%;max-width:none}
#zjLanding .glass {position:relative;overflow:hidden;background:var(--glass);border:1px solid rgba(255,255,255,.90);box-shadow:var(--shadow),var(--inset);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
#zjLanding .glass::before {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 44%),radial-gradient(circle at 92% 100%,rgba(44,160,255,.12),transparent 36%)}
#zjLanding .inside {position:relative;z-index:2}
#zjLanding .hero {min-height:700px;padding:21px 0 40px;position:relative}
@keyframes heroFloatA {0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}
@keyframes heroFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
#zjLanding .header {display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-bottom:0;height:0}
#zjLanding .lang-btn {position:absolute;top:22px;left:22px;z-index:6;width:52px;height:52px;border-radius:50%;padding:0;text-decoration:none;color:#07579e;font-weight:900;display:inline-flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid rgba(255,255,255,.90);box-shadow:0 12px 30px rgba(41,106,170,.10),var(--inset);backdrop-filter:blur(18px);transition:transform .22s ease,box-shadow .22s ease}
#zjLanding .lang-btn:hover {transform:translateY(-2px) rotate(8deg);box-shadow:0 16px 34px rgba(41,106,170,.16),var(--inset)}
#zjLanding .lang-btn svg {width:24px;height:24px}
#zjLanding .hero-grid {display:grid;grid-template-columns:1fr 387px;gap:86px;align-items:center}
#zjLanding .login-card {order:2;border-radius:36px;min-height:664px;padding:44px 38px}
#zjLanding .zl-back-link {display:block;text-align:left;color:#087af0;font-size:16px;font-weight:900;text-decoration:none;margin-bottom:56px}
#zjLanding .zl-login-title {margin:0 0 8px;text-align:center;color:#0b1322;font-size:38px;font-weight:900;line-height:1.2}
#zjLanding .login-sub {margin:0 0 24px;text-align:right;color:#0b1322;font-size:17px;font-weight:800}
#zjLanding .field-label {display:block;text-align:right;color:#0b1322;font-size:16px;font-weight:800;margin:0 0 9px}
#zjLanding .input-wrap {height:64px;border-radius:18px;padding:0 18px;display:flex;align-items:center;gap:12px;margin-bottom:22px;border:2px solid rgba(8,122,240,.85);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.24));box-shadow:0 14px 34px rgba(41,106,170,.10),var(--inset)}
#zjLanding .input-wrap svg {width:23px;height:23px;color:#5e7897;flex:0 0 auto}
#zjLanding .input-wrap input {width:100%;height:100%;border:0;outline:0;background:transparent;color:#223852;font-size:15px;font-weight:800;direction:ltr;text-align:left}
#zjLanding .login-actions {display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10px}
#zjLanding .main-btn {border:0;cursor:pointer;text-decoration:none;min-height:64px;padding:0 32px;border-radius:18px;color:#fff;font-size:25px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.42),transparent 35%),linear-gradient(145deg,#24c7ff 0%,#087af0 55%,#0758d8 100%);box-shadow:0 18px 42px rgba(0,111,230,.25),inset 0 1px 0 rgba(255,255,255,.54);transition:.25s ease}
#zjLanding .main-btn:hover {transform:translateY(-3px);filter:brightness(1.05)}
#zjLanding .outline-btn {width:100%;min-height:58px;border-radius:18px;text-decoration:none;color:#087af0;font-size:21px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,145,255,.76);background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.18));box-shadow:0 14px 34px rgba(41,106,170,.08),var(--inset)}
#zjLanding .brand-area {position:relative;text-align:right;display:flex;justify-content:flex-start}
#zjLanding .brand-content {position:relative;z-index:2;max-width:720px;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(53px)}
#zjLanding .logo-bubble {width:126px;height:126px;border-radius:50%;margin-bottom:28px;color:#087af0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),rgba(255,255,255,.26) 68%),var(--glass-soft);border:1px solid rgba(255,255,255,.90);box-shadow:0 24px 55px rgba(41,106,170,.15),var(--inset);backdrop-filter:blur(22px)}
#zjLanding .logo-bubble svg {width:62px;height:62px}
#zjLanding .brand-title {margin:0;color:#074384;font-size:clamp(61px,6.3vw,103px);line-height:1.05;font-weight:900;letter-spacing:-2px;text-align:right;text-shadow:0 14px 34px rgba(8,70,130,.14),0 2px 0 rgba(255,255,255,.65)}
#zjLanding .brand-tag {margin:20px 0 26px;color:#0870d6;font-size:23px;font-weight:900;line-height:1.5;text-align:right}
#zjLanding .brand-desc {margin:0;color:#617a9d;font-size:21px;line-height:1.9;font-weight:600;max-width:680px;text-align:right}
#zjLanding .store-row {display:flex;gap:22px;margin-top:34px;justify-content:flex-start;flex-wrap:wrap;width:100%}
#zjLanding .store-btn {min-width:236px;min-height:74px;border-radius:18px;padding:10px 22px;display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;color:#fff;background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,#08214b,#0759a8);border:1px solid rgba(255,255,255,.44);box-shadow:0 20px 42px rgba(7,55,113,.20),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -12px 20px rgba(0,0,0,.16)}
#zjLanding .store-btn svg {width:40px;height:40px}
#zjLanding .store-text span {display:block;font-size:14px;font-weight:800;margin-bottom:3px;opacity:.92}
#zjLanding .store-text strong {display:block;font-size:25px;font-weight:900;white-space:nowrap}
@media (max-width:1040px) {
#zjLanding .hero-grid {grid-template-columns:1fr;gap:38px}
#zjLanding .login-card {width:min(387px,100%);margin:0 auto}
#zjLanding .brand-content {align-items:center;text-align:center;margin:auto;transform:none}
#zjLanding .brand-desc, #zjLanding .brand-tag {text-align:center}
#zjLanding .store-row {justify-content:center}
}
@media (max-width:680px) {
#zjLanding .container {width:calc(100% - 24px)}
#zjLanding .hero .container.w90 {width:100%}
#zjLanding .hero .brand-content {padding:0 12px}
#zjLanding .hero {padding-top:22px}
#zjLanding .header {justify-content:center}
#zjLanding .hero-grid {gap:28px}
#zjLanding .login-card {min-height:664px;border-radius:36px;padding:44px 38px;width:min(387px,100%)}
#zjLanding .brand-title {font-size:50px}
#zjLanding .brand-tag {font-size:21px}
#zjLanding .brand-desc {font-size:18px}
#zjLanding .logo-bubble {width:96px;height:96px}
#zjLanding .logo-bubble svg {width:50px;height:50px}
#zjLanding .store-btn {width:58%;min-width:0;margin:0 auto}
}
@keyframes zdcUp {from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin {to{transform:rotate(360deg)}}
@keyframes c2pulse {0%{transform:translate(-50%,-50%) scale(.7);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
@keyframes c2tw {0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
@keyframes n0ripple {0%{transform:scale(.45);opacity:.75}100%{transform:scale(2.1);opacity:0}}
@keyframes n0line {0%,100%{opacity:0}28%,72%{opacity:.9}}
@keyframes n0appear {from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes n0pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
@keyframes n0halo {0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.28)}}
@keyframes n0chip {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fpFloatA {0%,100%{transform:translateY(0)}50%{transform:translateY(28px)}}
@keyframes fpFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
@keyframes fpFade {0%,100%{opacity:.5}50%{opacity:.85}}
@media (max-width:680px) {
#zjLanding .brand-content {transform:none;margin-top:78px}
}
@keyframes lgSeal {0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.05) rotate(2deg)}}
@keyframes lgSign {0%{stroke-dashoffset:var(--len)}45%,100%{stroke-dashoffset:0}}
@keyframes lgBadge {0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#zjLanding .hero-halo {position:absolute;top:4%;right:5%;width:480px;height:480px;z-index:0;pointer-events:none}
#zjLanding .hh-glow {position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(34,201,255,.16),transparent 66%);filter:blur(6px)}
#zjLanding .hh-ring {position:absolute;inset:0;border-radius:50%;border:1px solid rgba(8,122,240,.14)}
#zjLanding .hh-ring2 {position:absolute;inset:19%;border-radius:50%;border:1px dashed rgba(34,201,255,.18)}
#zjLanding .hh-orbit {position:absolute;inset:0;animation:hhSpin 17s linear infinite}
#zjLanding .hh-dot {position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#c6f0ff,#22c9ff);box-shadow:0 0 26px 7px rgba(34,201,255,.55)}
#zjLanding .hh-orbit2 {position:absolute;inset:19%;animation:hhSpin 24s linear infinite reverse}
#zjLanding .hh-dot2 {position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:radial-gradient(circle,#ffffff,#8fd3ff);box-shadow:0 0 18px 5px rgba(120,200,255,.5)}
@keyframes hhSpin {to{transform:rotate(360deg)}}
@media (max-width:680px) {
#zjLanding .hero-halo {width:300px;top:1%;right:-8%}
}
@media (prefers-reduced-motion:reduce) {
#zjLanding .hh-orbit, #zjLanding .hh-orbit2 {animation:none}
}
#zjLanding .hero-sky {position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#zjLanding .hs-bubble {position:absolute;top:39%;left:33%;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.55),rgba(191,232,245,.28) 52%,rgba(140,200,240,.12) 100%);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 8px 34px rgba(120,190,235,.18),0 0 34px rgba(180,225,255,.2);animation:hsFloat 11s ease-in-out infinite}
#zjLanding .hs-star {position:absolute;background:radial-gradient(circle,#d9f0ff,#8fd0ff);clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);opacity:.5;animation:hsTwinkle 3.4s ease-in-out infinite}
@keyframes hsTwinkle {0%,100%{opacity:.28;transform:scale(.8)}50%{opacity:.85;transform:scale(1.1)}}
@keyframes hsFloat {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@media (max-width:680px) {
#zjLanding .hs-bubble {top:22%;left:10%;width:122px;height:122px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.6),rgba(191,232,245,.34) 52%,rgba(140,200,240,.16) 100%)}
}
@media (prefers-reduced-motion:reduce) {
#zjLanding .hs-star, #zjLanding .hs-bubble {animation:none}
}
@keyframes t2glow {0%,100%{opacity:.45}50%{opacity:1}}
@keyframes t2pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes t2wave {0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
#zjLanding .login-card {box-shadow:0 40px 100px rgba(41,106,170,.34),0 8px 26px rgba(41,106,170,.18)!important}
@media(max-width:680px) {
#authPage .zdc-store-btn,#authPage .store-btn-big {max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@keyframes zmsgb {0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@keyframes zmsgPulse {0%,100%{box-shadow:0 0 0 0 rgba(224,20,61,.45)}50%{box-shadow:0 0 0 9px rgba(224,20,61,0)}}
@keyframes zc2pulse {0%{transform:scale(1);opacity:.75}100%{transform:scale(1.26);opacity:0}}
@keyframes zc2blink {0%,100%{opacity:.3}50%{opacity:1}}
@keyframes zc2live {0%{box-shadow:0 0 0 0 rgba(47,221,126,.5)}100%{box-shadow:0 0 0 8px rgba(47,221,126,0)}}
@keyframes znbShine {0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes znbSweep {to{transform:translate(50%,-50%) rotate(360deg)}}
@keyframes znbPing {0%{transform:translate(50%,-50%) scale(.35);opacity:.85}65%{opacity:.22}100%{transform:translate(50%,-50%) scale(3.6);opacity:0}}
@keyframes znbYouPulse {0%,100%{box-shadow:0 3px 10px rgba(6,71,189,.5),0 0 0 0 rgba(6,71,189,.35)}50%{box-shadow:0 3px 10px rgba(6,71,189,.5),0 0 0 10px rgba(6,71,189,0)}}
@keyframes znbFloat {0%,100%{translate:0 0}50%{translate:0 -7px}}
body {font-family:Tajawal,sans-serif;padding:28px;color:#0a2b57;background:#f7fbff}
/* شعار جوجل بلاي الحقيقي بأربعة مسارات ملوّنة — يحتاج مقاسًا صريحًا
   لأنّ قواعد الزرّ كانت تُصغّره إلى 10px */
#zjLanding .store-btn svg {width:26px!important;height:26px!important;flex:0 0 26px!important}
@media(max-width:420px) {
#zjLanding .store-btn svg {width:23px!important;height:23px!important;flex:0 0 23px!important}
}
/* ═══ الخطّ الفاصل عند حدّ الغلاف ═══
   الدليل: .hero و.section عندنا computed overflow = "hidden auto"
           وفي الملف المرجعي = "visible".
   المصدر: قاعدة في المستند الأمّ
     @media(max-width:680px) { #authPage > *, #authPage section, … { overflow-x:hidden !important } }
html {overflow-x:hidden!important;max-width:100%!important}
@keyframes zjrPulse {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes zjrWave {0%,100%{height:5px}50%{height:18px}}
/* ═══ توسيط نصوص أزرار الغلاف ═══
   العبارات الإنجليزية أطول من العربية فتلتفّ على سطرين، وكانت تُحاذى
   إلى الجانب فيبدو السطر الثاني مزاحًا. نوسّطها فتُقرأ متّزنة. */
html.zj-en #zjLanding a,
html.zj-en #zjLanding button,
html.zj-en #zjLanding .login-card a,
html.zj-en #zjLanding .login-card button,
html.zj-en #zjLanding .zjl-btn,
html.zj-en #zjLanding [class*="btn"] {
 text-align:center!important;
 justify-content:center!important;
 line-height:1.45!important}
/* أي زرّ لغة قديم لا يمرّ بالنظام الموحّد يُخفى نهائيًّا */
.lang-switch,[onclick*="toggleLang()"]:not(.lang-btn) {display:none!important}
/* ═══ زرّا المتجر ═══
   النصّ الإنجليزي أطول من العربي فيلتفّ على سطرين ويتغيّر ارتفاع
   الزرّ (71px → 83px). نُثبّت الارتفاع ونمنع الالتفاف. */
#zjLanding .store-btn,.store-btn {
 min-height:71px!important;
 height:71px!important;
 align-items:center!important;
 padding:11px 18px!important}
/* .store-text يحوي سطرين (قريبًا على + اسم المتجر) — نضغطه */

/* ══════════════════════════════════════════════════════════════════════
   🔵 **الدفعةُ الثانية — أقسامُ «عن الخدمة» و«الخدمات» والتذييل** · 2026-09-03
   **298 قاعدةً** أخرى استُخرجت بالطريقةِ نفسِها (‏موازنةُ أقواسٍ · بقيمِها
   كما هي) لأصنافِ تلك الأقسامِ الثلاثةِ والتسعين.
   ⚠ **والتذييلُ اقتُطع عند أوّلِ نافذةٍ منبثقة** (‏6,736 محرفًا من 153,152):
     ما بعدَها **نوافذُ تطبيقِ التعارف** لا تخصّ صفحتَنا.
   ══════════════════════════════════════════════════════════════════════ */

#zjLanding .store-btn .store-text,.store-btn .store-text {
 line-height:1.25!important;
 max-height:48px!important;
 overflow:hidden!important}
#zjLanding .store-btn .store-text > *,.store-btn .store-text > * {
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 display:block!important}.section-title {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.section-title h2 {margin:0;font-size:23.2px;color:#0f172a}
.section-title p {margin:7px 0 0;color:#667085}
.section-title svg {vertical-align:-3px}
.mp-id h1 .v {color:#0c8fd6;display:inline-flex}
.mp-id h1 .v svg {width:22px;height:22px}
.mp-actions .b1 {border:0;background:linear-gradient(135deg,#0c6ea8,#0a3f73);color:#fff}
.mp-actions .b2 {background:#fff;border:1.5px solid #cfe0f1;color:#0c5a8a}
@keyframes fadeUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes floatY {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatYSm {0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes promoIn {from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes shimmer {0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes popIn {from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media(max-width:900px) {
#appPage .section-title {flex-wrap:wrap;gap:10px}
}
@keyframes fadeOnly {from{opacity:0}to{opacity:1}}
@keyframes naPop {from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes nbmLocate {0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.18)}100%{transform:translate(-50%,-50%) scale(1)}}
.zw-service-card.gold {--card-color:#d7a634;--card-color-2:#a66c00;--btn-1:#dfb755;--btn-2:#9f6900}
@keyframes zdcStoreA {0%,42%{opacity:1;transform:translateY(0)}44%,94%{opacity:0;transform:translateY(-10px);pointer-events:none}100%{opacity:1;transform:translateY(0)}}
@keyframes zdcStoreB {0%,42%{opacity:0;transform:translateY(10px);pointer-events:none}44%,94%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(10px)}}
.zdc-legal-services .zdc-service-icon.gold {background:linear-gradient(145deg,#e4b52f,#c8960e)}
.zdc-legal-services .zdc-service-icon.navy {background:linear-gradient(145deg,#143f7b,#0a2d5c)}
.zdc-help-small .zdc-contact-icon.navy {background:linear-gradient(145deg,#133f7b,#092f5e)}
@keyframes zdcShowGoogle {0%,44%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}50%,94%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}100%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}
@keyframes zdcShowApple {0%,44%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}50%,94%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}100%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}}
@keyframes zdcGoogleVisible {0%,44%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}50%,94%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}100%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}
@keyframes zdcAppleVisible {0%,44%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}50%,94%{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}100%{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}}
@keyframes zdcPhoneFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes zdcLogoFloat {0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.06)}}
@keyframes zdcStoreSwapA {0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes zdcStoreSwapB {0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@keyframes zdcStoreSwapA {0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}
@keyframes zdcStoreSwapB {0%,43%{opacity:0}50%,93%{opacity:1}100%{opacity:0}}
@keyframes zdcCelGlow {from{box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 7px rgba(36,199,255,.4),0 0 30px 6px rgba(8,122,240,.4),0 40px 90px rgba(41,106,170,.35)}to{box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 10px rgba(36,199,255,.72),0 0 58px 15px rgba(8,122,240,.72),0 40px 90px rgba(41,106,170,.35)}}
#zjLanding .container {width:min(1180px,calc(100% - 42px));margin:0 auto;position:relative;z-index:2}
#zjLanding .container.w90 {width:84%;max-width:none}
@keyframes heroFloatA {0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}
@keyframes heroFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
#zjLanding .section {padding:36px 0;position:relative;z-index:3}
#zjLanding .section-title {margin:0;color:var(--dark);font-size:clamp(34px,4.8vw,58px);line-height:1.25;font-weight:900;letter-spacing:-1px;text-shadow:0 12px 28px rgba(8,70,130,.11)}
#zjLanding .section-desc {margin:14px auto 0;max-width:760px;color:var(--muted);font-size:19px;line-height:1.8;font-weight:600}
#zjLanding .footer-grid {display:grid}
#zjLanding .zl-footer h3 {margin:0 0 14px;color:var(--dark);font-size:30px;font-weight:900}
#zjLanding .zl-footer h4 {margin:0 0 16px;color:var(--dark);font-size:20px;font-weight:900}
#zjLanding .zl-footer p, #zjLanding .zl-footer li, #zjLanding .zl-footer a {color:var(--muted);text-decoration:none;font-size:15px;line-height:1.8;font-weight:700}
#zjLanding .zl-footer ul {list-style:none;padding:0;margin:0;display:grid;gap:10px}
#zjLanding .socials {display:flex;gap:10px;margin-top:16px}
#zjLanding .socials a {width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#22c9ff,#075bd8);font-weight:900}
#zjLanding .copy {text-align:center;margin-top:26px;padding-top:20px;border-top:1px solid rgba(170,210,240,.55);color:var(--muted);font-size:14px;font-weight:700}
@media (max-width:680px) {
#zjLanding .container {width:calc(100% - 24px)}
#zjLanding .hero .container.w90 {width:100%}
#zjLanding .section-title {font-size:34px}
}
@keyframes zdcUp {from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
#zjLanding .zl-footer {padding:0;margin-top:24px}
#zjLanding .footer-full {width:100%;padding:64px 0 28px;border-top:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.36));box-shadow:0 -18px 54px rgba(41,106,170,.10),var(--inset);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#zjLanding .footer-cta {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-radius:24px;margin-bottom:46px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.30),transparent 42%),linear-gradient(150deg,#0b5fd0,#0a8bf0 55%,#12b9c8);box-shadow:0 26px 54px rgba(0,111,230,.26),var(--inset)}
#zjLanding .footer-cta h3 {margin:0;color:#fff;font-size:26px;font-weight:900}
#zjLanding .footer-cta p {margin:6px 0 0;color:rgba(255,255,255,.92);font-size:15px;font-weight:700}
#zjLanding .footer-cta .cta-btn {min-height:54px;padding:0 30px;border-radius:14px;background:#fff;color:#0a5fd0;font-weight:900;font-size:16px;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.18);transition:transform .22s ease}
#zjLanding .footer-cta .cta-btn:hover {transform:translateY(-3px)}
#zjLanding .footer-grid {grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:36px}
#zjLanding .zl-footer h4 {position:relative;padding-bottom:12px}
#zjLanding .zl-footer h4::after {content:"";position:absolute;bottom:0;right:0;width:38px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),transparent)}
#zjLanding .zl-footer ul li a {transition:color .2s ease}
#zjLanding .zl-footer ul li a:hover {color:var(--blue)}
#zjLanding .footer-apps {display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
#zjLanding .footer-apps a {display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:800;background:linear-gradient(145deg,#08214b,#0759a8);border:1px solid rgba(255,255,255,.4);transition:transform .2s ease}
#zjLanding .footer-apps a:hover {transform:translateY(-2px)}
#zjLanding .footer-apps svg {width:20px;height:20px}
#zjLanding .footer-contact {list-style:none;padding:0;margin:0;display:grid;gap:14px}
#zjLanding .footer-contact li {display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center}
#zjLanding .footer-contact .fc-ic {width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#22c9ff,#075bd8)}
#zjLanding .footer-contact svg {width:19px;height:19px}
#zjLanding .footer-contact strong {display:block;color:var(--dark);font-size:14px;font-weight:900}
#zjLanding .footer-contact span {display:block;color:var(--muted);font-size:12px;font-weight:700;margin-top:2px}
#zjLanding .footer-news {margin-top:18px;display:flex;gap:8px;background:rgba(255,255,255,.62);border:1px solid rgba(8,122,240,.25);border-radius:14px;padding:6px}
#zjLanding .footer-news input {flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 12px;font-family:inherit;font-size:14px;font-weight:700;color:var(--dark)}
#zjLanding .footer-news button {border:0;cursor:pointer;border-radius:10px;padding:0 18px;min-height:44px;color:#fff;font-family:inherit;font-weight:900;font-size:14px;background:linear-gradient(145deg,#2f8cff,#075bd8)}
#zjLanding .footer-bottom {margin-top:34px;padding-top:22px;border-top:1px solid rgba(170,210,240,.55);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
#zjLanding .footer-bottom .copy {margin:0;padding:0;border:0;text-align:right}
#zjLanding .footer-legal {display:flex;gap:22px;flex-wrap:wrap}
#zjLanding .footer-legal a {color:var(--muted);font-size:13px;font-weight:800;text-decoration:none;transition:color .2s ease}
#zjLanding .footer-legal a:hover {color:var(--blue)}
@media (max-width:1040px) {
#zjLanding .footer-grid {grid-template-columns:1fr 1fr}
}
@media (max-width:680px) {
#zjLanding .footer-grid {grid-template-columns:1fr}
#zjLanding .footer-cta {flex-direction:column;text-align:center;align-items:stretch}
#zjLanding .footer-cta .cta-btn {justify-content:center}
#zjLanding .footer-bottom {justify-content:center;text-align:center}
}
#zjLanding .reveal {opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
#zjLanding .reveal.in {opacity:1;transform:none}
@media (prefers-reduced-motion:reduce) {
#zjLanding .reveal {opacity:1;transform:none;transition:none}
}
#zjLanding .bar.gold .fill {background:linear-gradient(90deg,#e8bd4a,#b67b00)}
@keyframes spin {to{transform:rotate(360deg)}}
#zjLanding .band.b1 {width:64%;background:linear-gradient(90deg,#0a5fd0,#22c9ff)}
#zjLanding .band.b2 {width:76%;background:linear-gradient(90deg,#0c74c4,#3fb6e6)}
#zjLanding .a2bar .t {height:9px;border-radius:999px;background:rgba(122,83,230,.14);overflow:hidden}
@media (max-width:1040px) {
#zjLanding .band.b1, #zjLanding .band.b2 {width:100%}
}
#zjLanding .pcard.gold .ph .pi {background:linear-gradient(145deg,#e8bd4a,#b67b00)}
#zjLanding .cc-ring .cv {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#zjLanding .cc-ring .cv b {font-size:32px;font-weight:900;line-height:1}
#zjLanding .cc-ring .cv span {font-size:10px;opacity:.85}
#zjLanding .cc-bar .t {height:8px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
#zjLanding .cc-mini .d {width:7px;height:7px;border-radius:50%;background:#ffcf6b;box-shadow:0 0 8px #ffcf6b}
@keyframes c2pulse {0%{transform:translate(-50%,-50%) scale(.7);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
@keyframes c2tw {0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
#zjLanding .cosmicX .cc-ring .cv b {color:var(--dark)}
#zjLanding .cosmicX .cc-ring .cv span {color:var(--muted)}
#zjLanding .cosmicX .cc-bar .t {background:rgba(8,122,240,.12)}
@keyframes n0ripple {0%{transform:scale(.45);opacity:.75}100%{transform:scale(2.1);opacity:0}}
@keyframes n0line {0%,100%{opacity:0}28%,72%{opacity:.9}}
@keyframes n0appear {from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes n0pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
@keyframes n0halo {0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.28)}}
@keyframes n0chip {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#zjLanding .n0-chip .cd {width:8px;height:8px;border-radius:50%;flex:0 0 auto}
@keyframes fpFloatA {0%,100%{transform:translateY(0)}50%{transform:translateY(28px)}}
@keyframes fpFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
@keyframes fpFade {0%,100%{opacity:.5}50%{opacity:.85}}
#zjLanding .ca-stage .d {width:9px;height:9px;border-radius:50%;background:#087af0}
#zjLanding .ca-stage .t {color:#0a5fd0;font-size:14px;font-weight:900}
#zjLanding .smart0 {display:grid;grid-template-columns:1.05fr 1fr;column-gap:50px;row-gap:22px;align-items:center;grid-template-areas:"head visual" "feats visual" "btns visual"}
#zjLanding .s0-head {grid-area:head}
#zjLanding .s0-feats {grid-area:feats}
#zjLanding .s0-btns {grid-area:btns}
#zjLanding .s0-eye {display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 16px;border-radius:999px;font-size:12.5px;font-weight:900;color:#0a5fd0;background:var(--glass);border:1px solid rgba(255,255,255,.9);box-shadow:var(--inset)}
#zjLanding .s0-eye .d {width:8px;height:8px;border-radius:50%;background:#12b9c8;box-shadow:0 0 10px #12b9c8}
#zjLanding .smart0 h2 {margin:0 0 12px;font-size:clamp(32px,4.3vw,50.6px);font-weight:900;color:var(--dark);line-height:1.2;text-align:right}
#zjLanding .s0-desc {margin:0;font-size:15.5px;line-height:1.9;color:var(--muted);font-weight:600;text-align:right;max-width:560px}
#zjLanding .s0-feats {display:grid;gap:12px}
#zjLanding .s0-feat {display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
#zjLanding .s0-feat .fi {width:44px;height:44px;border-radius:13px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#22c9ff,#087af0);box-shadow:0 12px 26px rgba(0,111,230,.2)}
#zjLanding .s0-feat.g .fi {background:linear-gradient(145deg,#e8bd4a,#b67b00);box-shadow:0 12px 26px rgba(182,123,0,.2)}
#zjLanding .s0-feat.v .fi {background:linear-gradient(145deg,#a26bf0,#6b46c9);box-shadow:0 12px 26px rgba(107,70,201,.2)}
#zjLanding .s0-feat .fi svg {width:23px;height:23px}
#zjLanding .s0-feat b {display:block;color:var(--dark);font-size:15px;font-weight:900;text-align:right}
#zjLanding .s0-feat span {display:block;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.55;text-align:right;margin-top:2px}
#zjLanding .s0-btns {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#zjLanding .s0-btn {min-height:56px;padding:0 26px;border-radius:15px;font-size:15.5px;font-weight:900;text-decoration:none;display:flex;align-items:center;gap:8px;transition:transform .22s ease,filter .2s ease,background .2s ease}
#zjLanding .s0-primary {background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.4),transparent 35%),linear-gradient(145deg,#24c7ff,#087af0 55%,#0758d8);color:#fff;box-shadow:0 18px 40px rgba(0,111,230,.28)}
#zjLanding .s0-primary:hover {transform:translateY(-3px);filter:brightness(1.05)}
#zjLanding .s0-ghost {background:var(--glass);color:#0a5fd0;border:1px solid rgba(255,255,255,.9);box-shadow:var(--inset);position:relative}
#zjLanding .s0-ghost:hover {transform:translateY(-3px);background:#fff}
#zjLanding .s0-ring .cv {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#zjLanding .s0-ring .cv b {color:var(--dark);font-size:26px;font-weight:900;line-height:1}
#zjLanding .s0-ring .cv span {color:var(--muted);font-size:10px;font-weight:800}
#zjLanding .s0-mini .m {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#3a5170}
#zjLanding .s0-mini .m em {font-style:normal;font-weight:900;color:#0a5fd0}
#zjLanding .s0-mini .m.zl-agree em {color:#12a86a}
#zjLanding .s0-mini .m.disc em {color:#e0913a}
#zjLanding .s0-chip .cd {width:8px;height:8px;border-radius:50%;flex:0 0 auto}
@media (max-width:1040px) {
#zjLanding .smart0 {grid-template-columns:1fr;grid-template-areas:"head" "visual" "btns" "feats";gap:26px}
#zjLanding .smart0 h2, #zjLanding .s0-desc {text-align:center}
#zjLanding .s0-desc {margin-inline:auto}
#zjLanding .s0-btns {justify-content:center}
#zjLanding .s0-note {justify-self:center}
}
@media (max-width:680px) {
#zjLanding .s0-btn {flex:1;justify-content:center}
#zjLanding .s0-scene {min-height:360px}
}
@media (max-width:1040px) {
#zjLanding .astro2-bars, #zjLanding .a2bar, #zjLanding .a2bar .t {min-width:0}
}
@media (max-width:680px) {
#zjLanding .s0-scene {transform:scale(1);max-width:330px;overflow:visible}
#zjLanding .s0-card {width:100%;max-width:270px}
#zjLanding .s0-rb1 {width:238px;height:238px;top:20px}
#zjLanding .s0-rb2 {width:174px;height:174px;top:52px}
#zjLanding .s0-c1 {right:0}
#zjLanding .s0-c2 {left:0}
#zjLanding .s0-c3 {right:0}
}
#zjLanding .lgs {display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"head visual" "btns visual" "cards cards" "steps steps" "note note";column-gap:48px;row-gap:26px;align-items:start}
#zjLanding .lgs-head {grid-area:head}
#zjLanding .lgs-btns {grid-area:btns}
#zjLanding .lgs-visual {grid-area:visual;align-self:center}
#zjLanding .lgs-cards {grid-area:cards}
#zjLanding .lgs-steps {grid-area:steps}
#zjLanding .lgs-note {grid-area:note}
#zjLanding .lgs-eye {display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 16px;border-radius:999px;font-size:12.5px;font-weight:900;color:#0a5fd0;background:var(--glass);border:1px solid rgba(255,255,255,.9);box-shadow:var(--inset)}
#zjLanding .lgs-eye svg {width:16px;height:16px;color:#c8901a}
#zjLanding .lgs h2 {margin:0 0 12px;font-size:clamp(28px,3.8vw,44px);font-weight:900;color:var(--dark);line-height:1.22;text-align:right}
#zjLanding .lgs-intro {margin:0 0 12px;font-size:15.5px;line-height:1.9;color:var(--muted);font-weight:600;text-align:right;max-width:560px}
#zjLanding .lgs-support {margin:0 0 18px;font-size:14px;line-height:1.8;color:#3a5170;font-weight:700;text-align:right;max-width:540px;border-inline-start:3px solid rgba(200,144,26,.5);padding-inline-start:12px}
#zjLanding .lgs-badges {display:flex;flex-wrap:wrap;gap:9px}
#zjLanding .lgs-bp {display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800;color:#15395e;background:rgba(8,122,240,.07);border:1px solid rgba(8,122,240,.16)}
#zjLanding .lgs-bp svg {width:15px;height:15px;color:#0a8f52}
#zjLanding .lgs-bp.gold {background:rgba(200,144,26,.09);border-color:rgba(200,144,26,.24);color:#7a5910}
#zjLanding .lgs-bp.gold svg {color:#c8901a}
#zjLanding .lgs-btns {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#zjLanding .lgs-btn {min-height:56px;padding:0 24px;border-radius:15px;font-size:15px;font-weight:900;text-decoration:none;display:flex;align-items:center;gap:8px;transition:transform .22s ease,filter .2s ease,background .2s ease}
#zjLanding .lgs-btn svg {width:19px;height:19px}
#zjLanding .lgs-primary {background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.4),transparent 35%),linear-gradient(145deg,#24c7ff,#087af0 55%,#0758d8);color:#fff;box-shadow:0 18px 40px rgba(0,111,230,.28)}
#zjLanding .lgs-primary:hover {transform:translateY(-3px);filter:brightness(1.05)}
#zjLanding .lgs-navy {background:linear-gradient(145deg,#0a3f86,#082b68);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px rgba(8,43,104,.24)}
#zjLanding .lgs-navy:hover {transform:translateY(-3px)}
#zjLanding .lgs-ghost {background:transparent;color:#0a5fd0;border:1px solid rgba(8,122,240,.3)}
#zjLanding .lgs-ghost:hover {background:rgba(8,122,240,.06);transform:translateY(-3px)}
#zjLanding .lgs-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#zjLanding .lgs-card {position:relative;overflow:hidden;padding:26px 22px;border-radius:22px;background:linear-gradient(162deg,rgba(255,255,255,.94),rgba(238,248,255,.7));border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 52px rgba(41,106,170,.13),var(--inset);text-align:right;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
#zjLanding .lgs-card::before {content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#22c9ff,#087af0)}
#zjLanding .lgs-card.gold::before {background:linear-gradient(90deg,#f0cd6a,#c8901a)}
#zjLanding .lgs-card.navy::before {background:linear-gradient(90deg,#1256a8,#082b68)}
#zjLanding .lgs-card::after {content:"";position:absolute;top:-46px;left:-46px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(8,122,240,.12),transparent 70%);pointer-events:none;transition:transform .4s ease}
#zjLanding .lgs-card.gold::after {background:radial-gradient(circle,rgba(200,144,26,.14),transparent 70%)}
#zjLanding .lgs-card:hover {transform:translateY(-9px);box-shadow:0 36px 74px rgba(41,106,170,.22),var(--inset)}
#zjLanding .lgs-card:hover::after {transform:scale(1.3)}
#zjLanding .lgs-card .ci {position:relative;width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#24c7ff,#087af0);box-shadow:0 18px 34px rgba(0,111,230,.28);margin-bottom:18px;transition:transform .3s ease}
#zjLanding .lgs-card .ci::after {content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
#zjLanding .lgs-card:hover .ci {transform:translateY(-3px) scale(1.06) rotate(-4deg)}
#zjLanding .lgs-card.gold .ci {background:linear-gradient(145deg,#f0cd6a,#c8901a);box-shadow:0 18px 34px rgba(200,144,26,.3)}
#zjLanding .lgs-card.navy .ci {background:linear-gradient(145deg,#0e4a97,#082b68);box-shadow:0 18px 34px rgba(8,43,104,.3)}
#zjLanding .lgs-card .ci svg {width:29px;height:29px}
#zjLanding .lgs-card b {display:block;color:var(--dark);font-size:17px;font-weight:900;margin-bottom:8px}
#zjLanding .lgs-card span {display:block;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.78}
#zjLanding .lgs-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#zjLanding .lgs-step {display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(8,122,240,.05);border:1px solid rgba(8,122,240,.12)}
#zjLanding .lgs-step .sn {width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(145deg,#087af0,#0758d8)}
#zjLanding .lgs-step b {color:var(--dark);font-size:13px;font-weight:900}
#zjLanding .lgs-note {display:inline-flex;align-items:flex-start;gap:9px;padding:12px 16px;border-radius:14px;background:rgba(200,144,26,.06);border:1px dashed rgba(200,144,26,.3);font-size:12.5px;font-weight:700;color:#6b5417;line-height:1.7;max-width:820px}
#zjLanding .lgs-note svg {width:18px;height:18px;flex:0 0 auto;color:#c8901a;margin-top:1px}
#zjLanding .lgs-visual {position:relative}
#zjLanding .lgs-scene {position:relative;width:100%;max-width:400px;margin:0 auto;min-height:410px}
#zjLanding .lgs-glow {position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(circle,rgba(8,122,240,.14),transparent 62%);filter:blur(8px)}
#zjLanding .lgs-docbg {position:absolute;width:196px;height:146px;border-radius:16px;background:var(--glass);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 40px rgba(41,106,170,.12)}
#zjLanding .lgs-docbg.b1 {top:9%;right:5%;transform:rotate(7deg);animation:heroFloatB 8s ease-in-out infinite}
#zjLanding .lgs-docbg.b2 {top:15%;left:3%;transform:rotate(-8deg);animation:heroFloatA 9s ease-in-out infinite}
#zjLanding .lgs-doc {position:absolute;top:23%;left:50%;transform:translateX(-50%);width:238px;border-radius:18px;padding:18px;background:linear-gradient(160deg,#ffffff,#f2fbff);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 60px rgba(41,106,170,.2),var(--inset);z-index:2}
#zjLanding .lgs-doc-h {display:flex;align-items:center;gap:9px;margin-bottom:13px}
#zjLanding .lgs-doc-h .t {width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#0a3f86,#082b68)}
#zjLanding .lgs-doc-h .t svg {width:18px;height:18px}
#zjLanding .lgs-doc-h b {color:var(--dark);font-size:14px;font-weight:900}
#zjLanding .lgs-line {height:8px;border-radius:6px;background:rgba(8,122,240,.1);margin-bottom:9px}
#zjLanding .lgs-sign {--len:300;margin-top:8px;height:42px}
#zjLanding .lgs-sign svg {width:100%;height:100%;overflow:visible}
#zjLanding .lgs-sign path {fill:none;stroke:#0a5fd0;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:lgSign 5s ease-in-out infinite}
#zjLanding .lgs-seal {position:absolute;bottom:-16px;left:-16px;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 38% 30%,#f5db86,#e8bd4a 46%,#c8901a);box-shadow:0 14px 30px rgba(200,144,26,.4),inset 0 0 0 3px rgba(255,255,255,.55),inset 0 0 0 6px rgba(200,144,26,.4);z-index:3;animation:lgSeal 4.6s ease-in-out infinite}
#zjLanding .lgs-seal svg {width:32px;height:32px}
#zjLanding .lgs-vbadge {position:absolute;top:5%;left:1%;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 16px 34px rgba(41,106,170,.2);z-index:4;animation:lgBadge 3.6s ease-in-out infinite}
#zjLanding .lgs-vbadge .sh {width:30px;height:30px;border-radius:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#12a86a,#0a7f4f)}
#zjLanding .lgs-vbadge .sh svg {width:17px;height:17px}
#zjLanding .lgs-vbadge b {color:var(--dark);font-size:12px;font-weight:900}
#zjLanding .lgs-orbit {position:absolute;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0a5fd0;background:var(--glass);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(41,106,170,.16);z-index:4}
#zjLanding .lgs-orbit svg {width:21px;height:21px}
#zjLanding .lgs-o1 {bottom:15%;right:1%;color:#c8901a;animation:heroFloatB 7s ease-in-out infinite}
#zjLanding .lgs-o2 {bottom:3%;left:24%;animation:heroFloatA 8s ease-in-out infinite}
#zjLanding .lgs-o3 {top:40%;right:-1%;animation:heroFloatB 9s ease-in-out infinite}
@keyframes lgSeal {0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.05) rotate(2deg)}}
@keyframes lgSign {0%{stroke-dashoffset:var(--len)}45%,100%{stroke-dashoffset:0}}
@keyframes lgBadge {0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:1040px) {
#zjLanding .lgs {grid-template-columns:1fr;grid-template-areas:"head" "visual" "cards" "steps" "btns" "note"}
#zjLanding .lgs h2, #zjLanding .lgs-intro, #zjLanding .lgs-support {text-align:center}
#zjLanding .lgs-intro, #zjLanding .lgs-support {margin-inline:auto}
#zjLanding .lgs-badges, #zjLanding .lgs-btns {justify-content:center}
#zjLanding .lgs-support {border:0;padding:0}
#zjLanding .lgs-cards {grid-template-columns:repeat(2,1fr)}
#zjLanding .lgs-note {justify-self:center;text-align:right}
}
@media (max-width:680px) {
#zjLanding .lgs-cards {grid-template-columns:repeat(2,1fr);gap:12px}
#zjLanding .lgs-steps {grid-template-columns:1fr}
#zjLanding .lgs-btn {flex:1;justify-content:center}
#zjLanding .lgs-scene {max-width:322px;min-height:360px;overflow:hidden}
}
@keyframes hhSpin {to{transform:rotate(360deg)}}
@keyframes hsTwinkle {0%,100%{opacity:.28;transform:scale(.8)}50%{opacity:.85;transform:scale(1.1)}}
@keyframes hsFloat {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}
#zjLanding .t2-ai-tag .d {width:7px;height:7px;border-radius:50%;background:#12d17e;flex:0 0 auto;box-shadow:0 0 8px rgba(18,209,126,.7)}
@keyframes t2glow {0%,100%{opacity:.45}50%{opacity:1}}
@keyframes t2pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes t2wave {0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
#zjLanding .t2-cbtn.copy {background:rgba(255,255,255,.13)}
#zjLanding .t2-cbtn.copy.done {background:linear-gradient(145deg,#12d17e,#0a9e5e)}
#zjLanding .t2-tile.gold::before {background:radial-gradient(circle at 100% 0,rgba(200,144,26,.15),transparent 70%)}
#zjLanding .t2-tile.gold h4 .i {background:linear-gradient(145deg,#e8bd4a,#c8901a)}
#zjLanding .s0-head h2, #zjLanding .section-head h2, #zjLanding .cc-head h2, #zjLanding .lgs-head h2, #zjLanding .talk2-head h2, #zjLanding .t2-chat-head h2, #zjLanding .ca-head-row h2 {zoom:1.1}
#zjLanding .s0-btn {min-height:64px!important;padding:0 31px!important;font-size:17.8px!important;border-radius:17px!important}
#zjLanding .s0-btn svg {width:1.15em!important;height:1.15em!important}
.zsub-feats li .fi {flex:0 0 auto;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px}
.zsub-feats li.yes .fi {background:#e3f7ec;color:#0a9d5a}
.zsub-feats li.no .fi {background:#f2f0f2;color:#c05a6a}
@keyframes zmsgb {0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@keyframes zmsgPulse {0%,100%{box-shadow:0 0 0 0 rgba(224,20,61,.45)}50%{box-shadow:0 0 0 9px rgba(224,20,61,0)}}
@keyframes zc2pulse {0%{transform:scale(1);opacity:.75}100%{transform:scale(1.26);opacity:0}}
@keyframes zc2blink {0%,100%{opacity:.3}50%{opacity:1}}
@keyframes zc2live {0%{box-shadow:0 0 0 0 rgba(47,221,126,.5)}100%{box-shadow:0 0 0 8px rgba(47,221,126,0)}}
@keyframes znbShine {0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes znbSweep {to{transform:translate(50%,-50%) rotate(360deg)}}
@keyframes znbPing {0%{transform:translate(50%,-50%) scale(.35);opacity:.85}65%{opacity:.22}100%{transform:translate(50%,-50%) scale(3.6);opacity:0}}
@keyframes znbYouPulse {0%,100%{box-shadow:0 3px 10px rgba(6,71,189,.5),0 0 0 0 rgba(6,71,189,.35)}50%{box-shadow:0 3px 10px rgba(6,71,189,.5),0 0 0 10px rgba(6,71,189,0)}}
@keyframes znbFloat {0%,100%{translate:0 0}50%{translate:0 -7px}}
.lgl-hero .gold {color:#ffd97a}
.lgl-btn.gold {background:linear-gradient(135deg,#ffd97a,#e8b23e);color:#5a3d00}
.lgl-btn.primary:hover,.lgl-btn.gold:hover {filter:brightness(1.05)}
'
  +'.t {font-size:19px;font-weight:900}
#zjLanding .socials a[hidden],.zdc-socials a[hidden] {display:none!important}
#zjLanding .footer-news .fn-btn {width:100%;border:0;cursor:pointer;background:linear-gradient(135deg,#22c9ff,#087af0);color:#fff;font-family:Tajawal,sans-serif;font-weight:800;font-size:14px;padding:12px 16px;border-radius:12px;transition:filter .2s}
#zjLanding .footer-news .fn-btn:hover {filter:brightness(1.06)}
/* ═══ الخطّ الفاصل عند حدّ الغلاف ═══
   الدليل: .hero و.section عندنا computed overflow = "hidden auto"
           وفي الملف المرجعي = "visible".
   المصدر: قاعدة في المستند الأمّ
     @media(max-width:680px) { #authPage > *, #authPage section, … { overflow-x:hidden !important } }
/* زرّ الدعم: سطر واحد دائمًا. عرضه كان 139px فينكسر النصّ على سطرين. */
/* عمود «تواصل معنا» يمتدّ على عرض الشبكة كاملًا حتى يتّسع الزرّ لسطر واحد.
   الفوتر عمودان على الموبايل (155px لكلٍّ) وهو ما كان يحشر الزرّ. */
#zjLanding .footer-news {width:100%!important}
@media (max-width:680px) {
#zjLanding .footer-grid>*:has(.footer-news),
 #zjLanding .footer-grid>*:last-child {grid-column:1 / -1!important}
}
#zjLanding .footer-news .fn-btn {
 width:100%!important;
 white-space:nowrap!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;
 padding:13px 14px!important;
 font-size:14px!important;line-height:1.2!important}
@media (max-width:420px) {
#zjLanding .footer-news .fn-btn {font-size:13px!important;padding:12px 10px!important}
}
@keyframes zjrPulse {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes zjrWave {0%,100%{height:5px}50%{height:18px}}
/* زرّ المفضلة في صفحة العضو يأخذ نفس مظهر زرّ الكارت حين يكون مفعّلًا */
.b2.zj-faved,[data-zjfav].zj-faved {
 background:#fff5f7!important;
 border-color:#f4c4cf!important;
 color:#e0395e!important}
.b2.zj-faved span,[data-zjfav].zj-faved span {color:#e0395e!important}
.b2.zj-faved svg,[data-zjfav].zj-faved svg {stroke:#e0395e!important;color:#e0395e!important}