#raziSplash{
  position:fixed; inset:0; z-index:999999;
  background:#000;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
#raziSplash .splash-bg{
  position:absolute; inset:0;
  background:url("../images/splash/splash_final.png") center/cover no-repeat;
  transform:scale(1.08);
  filter:contrast(1.12) brightness(0.92) saturate(1.1);
}
#raziSplash .smoke{
  position:absolute; inset:-35%;
  background:
    radial-gradient(circle at 22% 35%, rgba(255,255,255,0.10), transparent 55%),
    radial-gradient(circle at 75% 35%, rgba(255,140,0,0.12), transparent 60%),
    radial-gradient(circle at 45% 85%, rgba(255,255,255,0.08), transparent 60%);
  filter: blur(28px);
  opacity: 0.95;
  mix-blend-mode: screen;
  animation: smokeMove 3.2s ease-in-out infinite alternate;
}
@keyframes smokeMove{
  from{transform:translate(-2%,-1%) scale(1.04);}
  to{transform:translate(2%,1%) scale(1.15);}
}
#raziSplash .flash{
  position:absolute; inset:0;
  background: rgba(255,255,255,0);
  animation: flash 2.2s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes flash{
  0%,42%,100%{background:rgba(255,255,255,0);}
  48%{background:rgba(255,255,255,0.16);}
  50%{background:rgba(255,255,255,0.03);}
  63%{background:rgba(255,255,255,0.13);}
  66%{background:rgba(255,255,255,0.00);}
}
#raziSplash.hide{animation: fadeOut .55s ease forwards;}
@keyframes fadeOut{to{opacity:0; visibility:hidden;}}

}

/* Loading spinner */
#raziSplash .spinner{
  position:absolute;
  width:64px;
  height:64px;
  border:5px solid rgba(255,255,255,0.25);
  border-top-color:#ff8c00;
  border-radius:50%;
  animation: spin 1s linear infinite;
  bottom:10%;
  left:50%;
  transform: translateX(-50%);
  z-index:5;
}
@keyframes spin{
  to{ transform: translateX(-50%) rotate(360deg); }
}