/* Add custom CSS styles below */ 
/* خلفية نقاط تاكي المتطايرة */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.10;
  background-image:
    radial-gradient(circle, #2166d8 0 2px, transparent 2.7px),
    radial-gradient(circle, #ffc20e 0 1.6px, transparent 2.3px),
    radial-gradient(circle, #ff3b34 0 1.8px, transparent 2.5px);
  background-size: 150px 170px, 220px 250px, 310px 280px;
  background-position: 0 0, 70px 90px, 150px 30px;
  animation: takkyFloatingDots 24s linear infinite;
}

@keyframes takkyFloatingDots {
  0% {
    background-position: 0 0, 70px 90px, 150px 30px;
  }

  50% {
    background-position: 55px -70px, 10px 25px, 230px -45px;
  }

  100% {
    background-position: 0 -140px, -50px -40px, 310px -120px;
  }
}

/* احترام إعدادات تقليل الحركة لدى العميل */
@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
  }
}