/* GIRUZIN 033 V629 — abertura cinematográfica */
.splash{overflow:hidden!important;background:#010713!important;isolation:isolate!important;transition:opacity .75s cubic-bezier(.7,0,.2,1),visibility .75s!important}
.splash::before{content:"";position:absolute;inset:-25%;z-index:-3;background:radial-gradient(circle at 50% 48%,#0b8cff55 0 9%,#063a7550 18%,transparent 42%),conic-gradient(from 0deg at 50% 50%,transparent,#16c7ff20,transparent 18%,#176cff1f,transparent 38%,#53e5ff18,transparent 58%);animation:gxIntroSky 3.2s linear both}
.splash::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(110deg,transparent 0 44%,#fff 49%,#7de9ff 50%,transparent 55%);transform:translateX(-130%);mix-blend-mode:screen;opacity:.75;animation:gxIntroFlash .75s 1.55s ease-out both}
.splash-inner{position:relative;width:min(760px,94vw)!important;min-height:min(720px,92vh);display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1100px}
.splash-inner::before,.splash-inner::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.splash-inner::before{width:min(620px,88vw);aspect-ratio:1;border:1px solid #59dfff80;box-shadow:0 0 0 18px #0c9fff0a,0 0 0 46px #0c9fff0a,0 0 90px #009dff35,inset 0 0 80px #0daeff18;animation:gxRadar 2.8s cubic-bezier(.2,.8,.2,1) both}
.splash-inner::after{width:min(520px,76vw);aspect-ratio:1;background:repeating-conic-gradient(from 0deg,#4bdcff 0 1deg,transparent 1deg 18deg);-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 63% 64%,transparent 65%);mask:radial-gradient(circle,transparent 0 62%,#000 63% 64%,transparent 65%);opacity:.5;animation:gxRing 6s linear infinite}
.splash img{position:relative;z-index:3;width:min(430px,82vw)!important;height:min(500px,59vh)!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 25px 28px #000c) drop-shadow(0 0 30px #35c9ff77)!important;animation:gxHawk 2.55s cubic-bezier(.16,.82,.2,1) both!important;will-change:transform,filter,opacity}
.splash h1{z-index:5;margin:-54px 0 0!important;font-family:"Space Grotesk","Segoe UI",sans-serif!important;font-size:clamp(44px,10vw,84px)!important;font-weight:800!important;letter-spacing:.09em!important;line-height:.88!important;color:#fff;text-shadow:0 0 8px #fff5,0 0 24px #21b9ff99,0 12px 35px #000!important;animation:gxTitle 2.3s .22s cubic-bezier(.16,.85,.2,1) both}
.splash h1 small{display:inline-block;color:#62ddff;font-size:.45em;vertical-align:.18em;letter-spacing:.02em;text-shadow:0 0 18px #00bfff}
.splash p{z-index:5;margin:14px 0 0;color:#ccefff!important;font:700 clamp(10px,2vw,13px) "Manrope",sans-serif!important;letter-spacing:.34em!important;text-transform:uppercase;animation:gxSub 1.1s 1.05s both}
.splash .loader{z-index:5;position:relative;width:min(430px,72vw)!important;height:3px!important;margin:25px auto 0!important;background:#15324b!important;overflow:visible!important;box-shadow:0 0 16px #14bfff55}
.splash .loader::before{content:"INICIALIZANDO ECOSSISTEMA";position:absolute;top:11px;left:0;width:100%;color:#67ccec;font:600 8px Manrope,sans-serif;letter-spacing:.3em;text-align:center;opacity:.75}
.splash .loader::after{width:100%!important;background:linear-gradient(90deg,#087bff,#4eeeff,#fff,#4eeeff)!important;box-shadow:0 0 14px #43e8ff,0 0 28px #168cff!important;transform-origin:left;animation:gxLoad 2.45s .15s cubic-bezier(.1,.75,.25,1) both!important}
.splash.hide{opacity:0!important;visibility:hidden!important;transform:scale(1.035);filter:brightness(1.45);transition:opacity .7s,visibility .7s,transform .7s,filter .7s!important}
@keyframes gxIntroSky{0%{transform:scale(1.4) rotate(-14deg);filter:brightness(.35)}45%{filter:brightness(1)}100%{transform:scale(1) rotate(8deg);filter:brightness(.72)}}
@keyframes gxRadar{0%{opacity:0;transform:scale(.35) rotate(-25deg)}28%{opacity:.75}70%{opacity:.45;transform:scale(1) rotate(5deg)}100%{opacity:.2;transform:scale(1.12) rotate(14deg)}}
@keyframes gxRing{to{transform:rotate(360deg)}}
@keyframes gxHawk{0%{opacity:0;transform:translate3d(0,80px,-300px) scale(.25) rotateX(18deg);filter:blur(14px) brightness(2)!important}28%{opacity:1;transform:translate3d(0,-10px,60px) scale(1.08) rotateX(0);filter:blur(0) brightness(1.35) drop-shadow(0 0 45px #43dfff)!important}58%{transform:translate3d(0,0,0) scale(.98)}78%{transform:translate3d(0,-8px,0) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes gxTitle{0%,22%{opacity:0;transform:translateY(24px) scaleX(.75);letter-spacing:.28em}55%{opacity:1;transform:translateY(-3px) scaleX(1.03)}100%{opacity:1;transform:none}}
@keyframes gxSub{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:.9;transform:none;filter:none}}
@keyframes gxLoad{0%{transform:scaleX(0)}35%{transform:scaleX(.23)}68%{transform:scaleX(.66)}100%{transform:scaleX(1)}}
@keyframes gxIntroFlash{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media(max-width:600px){.splash-inner{min-height:88vh}.splash img{width:min(390px,92vw)!important;height:min(450px,54vh)!important}.splash h1{margin:-42px 0 0!important;letter-spacing:.055em!important}.splash p{letter-spacing:.2em!important}.splash-inner::before{width:92vw}.splash-inner::after{width:84vw}}
@media(prefers-reduced-motion:reduce){.splash::before,.splash::after,.splash-inner::before,.splash-inner::after,.splash img,.splash h1,.splash p,.splash .loader::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}