/* ============================================================================
   خلفية صفحة الواجهة كاملة - منقولة بالحرف من ملف صاحب المشروع index.html
   الغلاف .fpbg وثماني عشرة بقعة ضوء تمتد خلف الصفحة كلها لا خلف البطل وحده.
   ولم تنقل مع الورقة الاولى، فكانت الصفحة تحت البطل مسطحة بلا خلفية.
   القواعد كما هي قيمة قيمة، ولم يزد الا تقييدها بـ#zjLanding كي لا تتسرب
   الى صفحات النظام - وهو ما فعلته الورقة المنقولة نفسها بكل قواعدها.
   ============================================================================ */

#zjLanding .fpbg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#zjLanding .fp-blob{position:absolute;border-radius:50%;filter:blur(76px)}
#zjLanding .b-sky{background:radial-gradient(circle,#b6e6f6,transparent 66%)}
#zjLanding .b-sky2{background:radial-gradient(circle,#a6ddf0,transparent 68%)}
#zjLanding .b-focus{background:radial-gradient(circle,#7fceec,transparent 66%)}
#zjLanding .b-soft{background:radial-gradient(circle,#d8f2fa,transparent 70%)}
#zjLanding .b-pale{background:radial-gradient(circle,#e2f5fb,transparent 72%)}
#zjLanding .b-white{background:radial-gradient(circle,#ffffff,transparent 64%)}
#zjLanding .fp-ring{position:absolute;border-radius:50%;border:1px solid rgba(126,196,234,.16)}
#zjLanding .fp-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.92),rgba(208,239,250,.55) 52%,rgba(191,232,245,.22) 100%);box-shadow:0 40px 90px rgba(120,180,220,.10);opacity:.6;filter:blur(.4px)}
#zjLanding .fp-svg{position:absolute;left:0;width:100%;pointer-events:none;overflow:visible}
#zjLanding .fp-line{fill:none;stroke:rgba(150,202,232,.18)}
#zjLanding .fp-a{animation:fpFloatA 22s ease-in-out infinite}
#zjLanding .fp-b{animation:fpFloatB 26s ease-in-out infinite}
#zjLanding .fp-f{animation:fpFade 18s ease-in-out infinite}
#zjLanding التقابل بعد الدمج: html → #zjLanding · body → .zdc-page القيم أدناه منسوخة نصًّا كما هي دون تغيير حرف واحد. */ /* لون الصفحة يوضع على #authPage لا على #zjLanding. السبب: طبقة البقع .fpbg لها z-index:-1، وأقرب سياق طلاء هو #authPage (position:fixed; z-index:60). فلو حمل #zjLanding اللون لطُليت البقع خلفه واختفت تمامًا — وهذا ما كان يحدث. */ #authPage{background:#f7fcff!important}
@media (prefers-reduced-motion:reduce){
  #zjLanding .fp-a, #zjLanding .fp-b, #zjLanding .fp-f{animation: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}}