/* Opening intro (splash.js). */
html.sp-on,html.sp-on body{overflow:hidden!important}
#wale3Splash{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 45%,#16171c 0,#0b0b0e 60%,#070709 100%);transition:opacity .5s ease,transform .5s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}
#wale3Splash.sp-out{opacity:0;transform:scale(1.06);pointer-events:none}
.sp-stage{position:relative;display:flex;flex-direction:column;align-items:center}
.sp-logo{position:relative;z-index:2;width:104px;height:104px;border-radius:30px;box-shadow:0 18px 50px rgba(180,255,99,.25);animation:sp-pop .75s cubic-bezier(.2,1.4,.4,1) both}
.sp-glow{position:absolute;top:52px;left:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,rgba(180,255,99,.28) 0,rgba(180,255,99,0) 65%);animation:sp-glow 2.2s ease-out both;pointer-events:none}
.sp-ring{position:absolute;top:52px;left:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:34px;border:2px solid #b4ff63;opacity:0;animation:sp-ring 1.1s ease-out .45s both;pointer-events:none}
/* The word comes out from behind the logo, letter by letter. */
.sp-word{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;overflow:hidden;padding:4px 10px}
.sp-ar{display:flex;direction:rtl;font-size:44px;font-weight:900;line-height:1.15;color:#fff;letter-spacing:0}
.sp-ar i{font-style:normal;display:inline-block;opacity:0;transform:translateY(-38px) scale(.7);filter:blur(4px);animation:sp-letter .55s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(.7s + var(--i) * .16s)}
.sp-ar i:last-child{color:#b4ff63;text-shadow:0 0 22px rgba(180,255,99,.55)}
.sp-en{font:800 12px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.42em;margin-inline-start:.42em;color:#8d8d9b;opacity:0;animation:sp-fade .6s ease 1.25s both;direction:ltr}
@keyframes sp-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}60%{opacity:1}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes sp-glow{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:.7;transform:scale(1)}}
@keyframes sp-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes sp-letter{to{opacity:1;transform:none;filter:none}}
@keyframes sp-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sp-logo,.sp-glow,.sp-ring,.sp-ar i,.sp-en{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.sp-ring{display:none}}