/* طبقة الخلفية */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #ebe7dd; /* اللون الجديد */
  z-index: 999998;
  animation: bgIn 0.5s ease forwards, fadeOut 0.5s ease 2s forwards;
}

/* طبقة الشعار */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: url("https://cdn.files.salla.network/theme/206059495/7dc69201-2b88-479d-8689-1a7e68641173.webp") 
              center center / 180px no-repeat;
  animation: logoIn 1s cubic-bezier(.68,-0.55,.27,1.55) forwards,
             fadeOut 0.5s ease 2s forwards;
}

/* ما تعطل التصفح */
body::before,
body::after {
  pointer-events: none;
}

/* دخول الخلفية */
@keyframes bgIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* دخول الشعار */
@keyframes logoIn {
  0% {
    transform: translateY(40px) scale(0.7);
    opacity: 0;
  }
  60% {
    transform: translateY(-6px) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

/* اختفاء ناعم */
@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}