/* css/splash.css — v3 — কাজ: শুধু স্প্ল্যাশ স্ক্রিন (লোগো + ৩টা লাফানো বল)
   v3: নাম/টাইপরাইটার বাদ; দ্রুত অ্যানিমেশন; <html class="no-splash"> থাকলে (এক ঘণ্টার মধ্যে আবার ঢুকলে) প্রথম ফ্রেমেই লুকানো (ঝলক নেই) */
#splash{
  --sp-bg:#010D34; --sp-c1:#4da3ff; --sp-c2:#7b2fd6; --sp-c3:#ff9a2e;
  position:fixed; inset:0; height:100vh; height:100dvh; z-index:9999;
  background:var(--sp-bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px;
  opacity:1; visibility:visible; transition:opacity .25s ease, visibility .25s;
}
#splash.hide{opacity:0; visibility:hidden; pointer-events:none;}
html.no-splash #splash{display:none !important;}

.sp-logo{width:min(34vmin,150px); height:auto; display:block; animation:sp-pop .4s cubic-bezier(.2,.9,.3,1.2) both;
  filter:drop-shadow(0 0 22px rgba(77,163,255,.45));}
@keyframes sp-pop{from{opacity:0; transform:scale(.75)}to{opacity:1; transform:scale(1)}}

.sp-dots{display:flex; gap:10px; height:22px; align-items:flex-end;}
.sp-dots i{width:11px; height:11px; border-radius:50%; animation:sp-jump .6s ease-in-out infinite;}
.sp-dots i:nth-child(1){background:var(--sp-c1)}
.sp-dots i:nth-child(2){background:var(--sp-c2); animation-delay:.1s}
.sp-dots i:nth-child(3){background:var(--sp-c3); animation-delay:.2s}
@keyframes sp-jump{0%,100%{transform:translateY(0)}45%{transform:translateY(-14px)}}

@media (prefers-reduced-motion:reduce){
  .sp-logo,.sp-dots i{animation:none;}
}