/* خلفية بنفسجي غامق */
body {
  background-color: #1e0033;
  overflow-x: hidden;
  min-height: 100vh;
  position: relative;
  z-index: 0;
}

/* نجوم موزعة وتتلألأ خلف كل العناصر (بما فيها الهيدر) */
body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  animation: twinkle-bg 3s infinite ease-in-out;
}

/* توزيع النجوم بطبقتين */
body::before {
  background-image:
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px);
  background-size: 120px 120px;
  background-position: 20px 30px, 70px 90px;
  opacity: 0.4;
}

body::after {
  background-image:
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px);
  background-size: 150px 150px;
  background-position: 40px 60px, 100px 120px;
  opacity: 0.3;
}

/* حركة التلألؤ */
@keyframes twinkle-bg {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 1; }
}