/* ============================================================
   FX — طبقة الأنميشن القوية
   ============================================================ */

/* شريط تقدم السكرول */
#fx-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:200;transform-origin:right;transform:scaleX(0);
  background:linear-gradient(90deg,#d6ccff,#8f6fff 50%,#5b3fd6);box-shadow:0 0 12px rgba(143,111,255,.6)}

/* توهج الماوس */
#fx-glow{position:fixed;top:0;right:auto;left:0;width:520px;height:520px;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(143,111,255,.07),transparent 65%);will-change:transform}

/* بقعة الضوء داخل البطاقات (تتبع الماوس) */
.fx-tilt{position:relative;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.fx-tilt::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(143,111,255,.13),transparent 60%)}
.fx-tilt:hover::before{opacity:1}

/* لمعة تجتاح الأزرار */
.fx-shine{position:relative;overflow:hidden;transition:translate .25s cubic-bezier(.34,1.56,.64,1)}
.fx-shine::after{content:'';position:absolute;top:-60%;bottom:-60%;width:38%;left:-60%;transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .0s}
.fx-shine:hover::after{left:130%;transition:left .6s cubic-bezier(.4,0,.2,1)}

/* حروف العنوان المتطايرة */
.fx-ch{display:inline-block;opacity:0;transform:translateY(46px) rotate(7deg) scale(.85);filter:blur(6px);
  animation:chIn .7s cubic-bezier(.16,1,.3,1) forwards;white-space:pre}
@keyframes chIn{to{opacity:1;transform:none;filter:blur(0)}}

/* جزيئات الهيرو */
#fx-dust{position:absolute;inset:0;pointer-events:none;z-index:-1}
.v5-hero{position:relative}

/* الريفيل صار أفخم: بلور + تكبير */
.rv{opacity:0;transform:translateY(38px) scale(.97);filter:blur(7px);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}
.rv.on{opacity:1;transform:none;filter:blur(0)}

/* نبضة خفيفة لشارة الهيرو */
.v5-badge{animation:v5Up .9s .1s cubic-bezier(.16,1,.3,1) both,badgeGlow 3s 1.2s ease-in-out infinite}
@keyframes badgeGlow{50%{box-shadow:0 0 22px rgba(143,111,255,.28);border-color:rgba(143,111,255,.55)}}

/* الشرائح بالماركي تكبر عند الهوفر */
.v5-chip{transition:transform .2s,border-color .2s,background .2s}
.v5-chip:hover{transform:scale(1.07);border-color:rgba(143,111,255,.45);background:rgba(143,111,255,.09)}

/* حركة أهدأ للجوال */
@media(hover:none){.fx-tilt::before{display:none}#fx-glow{display:none}}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;filter:none;transition:none}
  .fx-ch{opacity:1;transform:none;filter:none;animation:none}
  #fx-progress,#fx-glow,#fx-dust{display:none}
}