.startup-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#071f2b;color:#eaf7fb;overflow:hidden;animation:sx-splash-out .65s cubic-bezier(.76,0,.24,1) 1.15s forwards;pointer-events:none}
.startup-splash__content{display:grid;justify-items:center;gap:1.15rem;transform:translateY(0);animation:sx-splash-rise .9s cubic-bezier(.16,1,.3,1) both}
.startup-splash__mark{position:relative;width:88px;height:88px;border:3px solid rgba(225,241,244,.9);border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(75,202,225,.2),0 0 40px rgba(42,181,214,.28)}
.startup-splash__mark:before{content:"";position:absolute;inset:18px -12px;background:linear-gradient(180deg,#93e6f5,#1aa4c7);border-radius:48% 52% 45% 55%;transform:rotate(-10deg);animation:sx-water-wave 1.2s ease-in-out infinite alternate}
.startup-splash__mark:after{content:"";position:absolute;inset:0;border:7px solid rgba(255,255,255,.28);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}
.startup-splash__name{font:700 .86rem/1 system-ui,sans-serif;letter-spacing:.34em;text-indent:.34em}
.startup-splash__line{width:120px;height:2px;background:rgba(198,235,241,.22);overflow:hidden}
.startup-splash__line:after{content:"";display:block;width:48%;height:100%;background:#63d8e8;animation:sx-line 1s ease-in-out infinite}
@keyframes sx-water-wave{to{transform:translateX(8px) rotate(10deg)}}
@keyframes sx-line{from{transform:translateX(-120%) scaleX(.65)}to{transform:translateX(260%) scaleX(1.15)}}
@keyframes sx-splash-rise{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sx-splash-out{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.startup-splash,.startup-splash__content,.startup-splash__mark:before,.startup-splash__line:after{animation:none}.startup-splash{opacity:0;visibility:hidden}}