/* خلفية "بطاقات بعمق": بطاقات قريبة واضحة، وبعيدة مغبّشة — ورا كل محتوى الصفحة */
html.has-dp{background:radial-gradient(circle at 50% 35%,#FFFFFF,#E2E8F0 75%) fixed}
html.has-dp body{background:transparent!important}
.dp-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.dp-bg .c{position:absolute;width:var(--w);filter:blur(var(--bl)) drop-shadow(0 14px 18px rgba(15,23,42,.2));opacity:var(--o);
  animation:dpFl var(--d,7s) ease-in-out infinite alternate;animation-delay:var(--dl)}
.dp-bg .c svg{width:100%;height:auto;display:block}
@keyframes dpFl{from{transform:translateY(-10px) rotate(var(--r))}to{transform:translateY(10px) rotate(calc(var(--r) * -.5))}}
.dp-bg .c .shine{animation:dpShine 6s ease-in-out infinite}
@keyframes dpShine{0%,60%{transform:translateX(-260px) rotate(18deg)}100%{transform:translateX(300px) rotate(18deg)}}
@media (prefers-reduced-motion:reduce){.dp-bg *{animation:none!important}}