#splash{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle at 50% 38%,#0d5470,#082c4e 58%,#051d36);transition:opacity .55s ease,visibility .55s}
#splash.hide{opacity:0;visibility:hidden}
.sp-logo{position:relative;width:min(44vw,180px);aspect-ratio:1;animation:spPop .9s cubic-bezier(.2,.9,.3,1.25) both}
.sp-logo img{width:100%;height:100%;border-radius:28%;display:block;animation:spGlow 2.2s ease-in-out .9s infinite}
.sp-logo:after{content:"";position:absolute;inset:0;border-radius:28%;border:2px solid #6be0b0;animation:spPulse 1.6s ease-out infinite}
.sp-tag{color:#cfe9e0;font:600 13px/1 Inter,system-ui,sans-serif;letter-spacing:4px;text-transform:uppercase;animation:spFade .8s ease .5s both}
.sp-bar{width:150px;height:4px;border-radius:4px;background:#ffffff22;overflow:hidden;animation:spFade .6s ease .4s both}.sp-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#07a06f,#6be0b0);animation:spFill 1.6s ease-out .2s forwards}
@keyframes spPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes spGlow{0%,100%{box-shadow:0 0 0 0 #6be0b000}50%{box-shadow:0 0 38px 6px #6be0b055}}
@keyframes spPulse{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes spFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spFill{to{width:100%}}
@media(prefers-reduced-motion:reduce){.sp-logo:after,.sp-logo img{animation:none}}