.splash-overlay{position:fixed;inset:0;z-index:50;background:#050a15;display:flex;align-items:center;justify-content:center;overflow:hidden}.splash-overlay.fade-out{animation:splashFadeOut .5s ease-in forwards}.splash-logo-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.splash-logo{width:120px;height:auto;animation:splashLogoReveal 1.6s ease-out forwards;filter:drop-shadow(0 0 0px transparent)}.splash-title{font-family:SwitzerBolder,sans-serif;font-size:14px;letter-spacing:6px;text-transform:uppercase;color:#38bdf8;opacity:0;animation:splashTitleFade .8s ease-out .6s forwards}.splash-subtitle{font-family:SwitzerLight,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#67e8f9;opacity:0;animation:splashTitleFade .6s ease-out .9s forwards}.splash-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 3s ease-in-out infinite}.splash-particle{position:absolute;border-radius:50%;pointer-events:none}.splash-particle-1{width:3px;height:3px;background:#38bdf8;top:20%;left:15%;animation:particleFloat1 4s ease-in-out infinite}.splash-particle-2{width:2px;height:2px;background:#67e8f9;top:70%;left:80%;animation:particleFloat2 5s ease-in-out infinite}.splash-particle-3{width:4px;height:4px;background:#38bdf8;top:40%;left:90%;animation:particleFloat3 3.5s ease-in-out infinite;opacity:.5}.splash-particle-4{width:2px;height:2px;background:#67e8f9;top:80%;left:20%;animation:particleFloat1 6s ease-in-out infinite}.splash-particle-5{width:3px;height:3px;background:#0ea5e9;top:10%;left:60%;animation:particleFloat2 4.5s ease-in-out infinite}.splash-particle-6{width:2px;height:2px;background:#38bdf8;top:60%;left:40%;animation:particleFloat3 5.5s ease-in-out infinite}.splash-gate-top,.splash-gate-bottom{position:absolute;left:0;right:0;height:50%;background:#050a15;z-index:2}.splash-gate-top{top:0;border-bottom:2px solid rgba(56,189,248,.3);box-shadow:0 4px 40px #38bdf826}.splash-gate-bottom{bottom:0;border-top:2px solid rgba(56,189,248,.3);box-shadow:0 -4px 40px #38bdf826}.splash-gate-top.open{animation:gateOpenTop 1s cubic-bezier(.22,1,.36,1) forwards}.splash-gate-bottom.open{animation:gateOpenBottom 1s cubic-bezier(.22,1,.36,1) forwards}.splash-gate-warning{position:absolute;left:0;right:0;z-index:3;display:flex;justify-content:center}.splash-gate-warning-top{top:calc(50% - 30px)}.splash-gate-warning-bottom{bottom:calc(50% - 30px)}.splash-gate-warning span{font-family:SwitzerBolder,sans-serif;font-size:9px;letter-spacing:8px;text-transform:uppercase;color:#38bdf866;animation:warningBlink .8s ease-in-out infinite}.splash-gate-warning.open{opacity:0;transition:opacity .3s}.splash-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#38bdf8 20%,#67e8f9 50%,#38bdf8 80%,transparent);z-index:4;opacity:0;animation:scanLineSwipe 1.2s ease-in-out 1s forwards;box-shadow:0 0 30px 8px #38bdf880,0 0 80px 20px #38bdf833}.splash-scan-flash{position:absolute;inset:0;background:#38bdf814;z-index:3;opacity:0;animation:scanFlash .3s ease-out 1.8s forwards}.splash-portal-ring{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.splash-portal-ring-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:2px solid rgba(56,189,248,.6);box-shadow:0 0 40px 10px #38bdf833,inset 0 0 30px 5px #38bdf81a;animation:portalRingSpin 3s linear infinite,portalPulse 1.6s ease-in-out infinite}.splash-portal-ring-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;border:1px dashed rgba(103,232,249,.3);animation:portalRingSpinReverse 5s linear infinite}.splash-portal-ring-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.1) 0%,transparent 70%);animation:portalGlowPulse 2s ease-in-out infinite}.splash-portal-ring.expand .splash-portal-ring-inner{animation:portalExpand 1.2s cubic-bezier(.22,1,.36,1) forwards}.splash-portal-ring.expand .splash-portal-ring-outer{animation:portalExpandOuter 1.2s cubic-bezier(.22,1,.36,1) .1s forwards}.splash-portal-ring.expand .splash-portal-ring-glow{animation:portalExpandGlow 1s ease-out forwards}.splash-portal-sparks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.splash-portal-spark{position:absolute;width:2px;height:2px;background:#67e8f9;border-radius:50%;box-shadow:0 0 6px 2px #67e8f999}.splash-scanner-beam{position:absolute;left:0;right:0;height:6px;z-index:3;animation:scannerSweep 2s ease-in-out forwards}.splash-scanner-beam:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 2%,#38bdf8 20%,#67e8f9 50%,#38bdf8 80%,transparent 98%);box-shadow:0 0 40px 12px #38bdf866,0 0 100px 30px #38bdf826}.splash-scanner-beam:after{content:"";position:absolute;left:0;right:0;top:-60px;height:120px;background:linear-gradient(to bottom,transparent,rgba(56,189,248,.06),transparent)}.splash-scanner-reveal{position:absolute;inset:0;background:#050a15;z-index:2;clip-path:inset(0 0 0 0)}.splash-scanner-reveal.done{animation:scannerReveal .8s cubic-bezier(.22,1,.36,1) forwards}.splash-scanner-glitch{position:absolute;inset:0;z-index:4;opacity:0}.splash-scanner-glitch.active{animation:glitchFlicker .5s ease-out forwards}.splash-scanner-glitch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(56,189,248,.03) 2px,rgba(56,189,248,.03) 4px)}.splash-iris{position:absolute;inset:0;z-index:2}.splash-iris-blade{position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;margin-left:-75vmax;margin-top:-75vmax;background:#050a15;transform-origin:center center;clip-path:polygon(50% 50%,48% 0%,52% 0%);transition:clip-path 1.2s cubic-bezier(.22,1,.36,1)}.splash-iris-blade:after{content:"";position:absolute;top:0;left:50%;width:1px;height:50%;background:linear-gradient(to bottom,rgba(56,189,248,.4),transparent)}.splash-iris.open .splash-iris-blade{clip-path:polygon(50% 50%,50% 0%,50% 0%)}.splash-iris-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:2px solid rgba(56,189,248,.4);z-index:3;animation:irisPulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #38bdf833,inset 0 0 30px #38bdf81a}.splash-iris.open .splash-iris-ring{animation:irisRingExpand 1s ease-out forwards}.splash-iris-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.splash-iris-crosshair:before,.splash-iris-crosshair:after{content:"";position:absolute;background:#38bdf833}.splash-iris-crosshair:before{width:1px;height:300px;top:-150px;left:0}.splash-iris-crosshair:after{width:300px;height:1px;top:0;left:-150px}.splash-iris.open .splash-iris-crosshair{opacity:0;transition:opacity .5s}.splash-picker-container{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.splash-picker-logo{position:relative;margin-bottom:8px}.splash-picker-glow{position:absolute;inset:-24px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);border-radius:50%;animation:pickerGlowPulse 2.4s ease-in-out infinite}.splash-picker-container .splash-logo{width:80px;animation:pickerLogoBreath 2.4s ease-in-out infinite}.splash-picker-title{font-family:SwitzerBolder,sans-serif;font-size:20px;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-picker-subtitle{font-family:SwitzerLight,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#475569}.splash-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.splash-picker-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:16px;cursor:pointer;transition:all .3s ease;opacity:0;animation:pickerBtnEntrance .5s ease-out forwards}.splash-picker-btn:hover{border-color:#38bdf866;background:#38bdf80d;transform:translateY(-4px);box-shadow:0 8px 32px #38bdf826,0 0 0 1px #38bdf81a}.splash-picker-icon-wrap{width:48px;height:48px;border-radius:12px;background:#38bdf80f;border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.splash-picker-btn:hover .splash-picker-icon-wrap{background:#38bdf81f;border-color:#38bdf84d;box-shadow:0 0 20px #38bdf833}.splash-picker-icon{width:24px;height:24px;color:#38bdf8;opacity:.7;transition:opacity .3s}.splash-picker-btn:hover .splash-picker-icon{opacity:1}.splash-picker-label{font-family:SwitzerMedium,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;transition:color .3s}.splash-picker-btn:hover .splash-picker-label{color:#e2e8f0}.splash-picker-skip{margin-top:8px;padding:6px 20px;background:none;border:1px solid rgba(51,65,85,.3);border-radius:8px;color:#475569;font-family:SwitzerLight,sans-serif;font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .3s}.splash-picker-skip:hover{border-color:#64748b80;color:#94a3b8}@keyframes splashLogoReveal{0%{transform:scale(.3) rotate(-10deg);opacity:0;filter:drop-shadow(0 0 0px transparent) blur(10px)}30%{opacity:1;filter:blur(0px)}50%{transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 0 40px rgba(56,189,248,.8))}70%{transform:scale(.95) rotate(-1deg)}85%{transform:scale(1.02)}to{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 0 30px rgba(56,189,248,.5)) drop-shadow(0 0 80px rgba(103,232,249,.3))}}@keyframes splashTitleFade{0%{opacity:0;transform:translateY(12px);letter-spacing:12px}to{opacity:1;transform:translateY(0)}}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes particleFloat1{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(30px,-20px) scale(1.5);opacity:.8}}@keyframes particleFloat2{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-20px,30px) scale(1.8);opacity:.7}}@keyframes particleFloat3{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(15px,15px);opacity:.6}}@keyframes warningBlink{0%,to{opacity:.3}50%{opacity:.8}}@keyframes scanLineSwipe{0%{top:-3px;opacity:0}5%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes scanFlash{0%{opacity:.15}to{opacity:0}}@keyframes gateOpenTop{0%{transform:translateY(0)}to{transform:translateY(-105%)}}@keyframes gateOpenBottom{0%{transform:translateY(0)}to{transform:translateY(105%)}}@keyframes portalRingSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes portalRingSpinReverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes portalPulse{0%,to{box-shadow:0 0 40px 10px #38bdf833}50%{box-shadow:0 0 60px 20px #38bdf866}}@keyframes portalGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes portalExpand{0%{width:120px;height:120px;opacity:1;border-width:2px}to{width:350vmax;height:350vmax;opacity:0;border-width:0}}@keyframes portalExpandOuter{0%{width:180px;height:180px;opacity:1}to{width:400vmax;height:400vmax;opacity:0}}@keyframes portalExpandGlow{0%{opacity:1}50%{opacity:1;transform:translate(-50%,-50%) scale(3)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}@keyframes scannerSweep{0%{top:-6px;opacity:0}3%{opacity:1}95%{opacity:1}to{top:calc(100% + 6px);opacity:0}}@keyframes scannerReveal{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes glitchFlicker{0%{opacity:.8}10%{opacity:0}20%{opacity:.6;transform:translate(-3px)}30%{opacity:0}40%{opacity:.4;transform:translate(2px)}50%{opacity:0}to{opacity:0}}@keyframes irisPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px #38bdf833,inset 0 0 30px #38bdf81a}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 50px #38bdf866,inset 0 0 40px #38bdf833}}@keyframes irisRingExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(15);opacity:0}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes pickerGlowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pickerLogoBreath{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(56,189,248,.2))}50%{transform:scale(1.06);filter:drop-shadow(0 0 20px rgba(56,189,248,.4))}}@keyframes pickerBtnEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.splash-hex-grid{position:absolute;inset:0;z-index:2}.splash-hex-cell{position:absolute;width:20%;height:30%;background:#050a15;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:1px solid rgba(56,189,248,.08);transition:all .8s cubic-bezier(.22,1,.36,1)}.splash-hex-grid.shatter .splash-hex-cell{opacity:0;transform:scale(.3) rotate(45deg) translateY(100px);filter:blur(4px)}.splash-diagonal{position:absolute;inset:0;z-index:2}.splash-diagonal-blade{position:absolute;inset:0;background:#050a15;transition:transform 1s cubic-bezier(.22,1,.36,1)}.splash-diagonal-blade-1{clip-path:polygon(0 0,100% 0,0 100%)}.splash-diagonal-blade-2{clip-path:polygon(100% 0,100% 100%,0 100%)}.splash-diagonal.wipe .splash-diagonal-blade-1{transform:translate(-100%) translateY(-100%)}.splash-diagonal.wipe .splash-diagonal-blade-2{transform:translate(100%) translateY(100%)}.splash-diagonal-edge{position:absolute;top:0;left:0;width:141.4%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#67e8f9,#38bdf8,transparent);transform-origin:top left;transform:rotate(45deg);box-shadow:0 0 20px 4px #38bdf84d;opacity:.6;z-index:3}.splash-diagonal.wipe .splash-diagonal-edge{opacity:0;transition:opacity .5s .5s}.splash-liquid{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}.splash-liquid-blob{width:100px;height:100px;background:#050a15;border-radius:50%;box-shadow:0 0 60px 20px #38bdf826;animation:liquidPulse 1.5s ease-in-out infinite;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.splash-liquid.expand .splash-liquid-blob{width:400vmax;height:400vmax;border-radius:50%;box-shadow:none;background:transparent}@keyframes liquidPulse{0%,to{transform:scale(1);border-radius:50%}25%{transform:scale(1.15);border-radius:45% 55% 50% 50%}50%{transform:scale(.9);border-radius:55% 45% 48% 52%}75%{transform:scale(1.1);border-radius:48% 52% 55% 45%}}.splash-matrix{position:absolute;inset:0;z-index:2;overflow:hidden}.splash-matrix.dissolve{animation:matrixDissolve .8s ease-out forwards}.splash-matrix-col{position:absolute;top:-20%;display:flex;flex-direction:column;font-family:monospace;font-size:14px;color:#38bdf8;line-height:1.4;animation:matrixFall linear infinite;text-shadow:0 0 8px rgba(56,189,248,.5)}.splash-matrix-col span:first-child{color:#67e8f9;text-shadow:0 0 12px rgba(103,232,249,.8)}@keyframes matrixFall{0%{transform:translateY(-100%)}to{transform:translateY(120vh)}}@keyframes matrixDissolve{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(8px)}}.splash-glitch-fx{position:absolute;inset:0;z-index:2;background:#050a15}.splash-glitch-slice{position:absolute;inset:0;opacity:0}.splash-glitch-r{background:#ff000008}.splash-glitch-g{background:#00ff0008}.splash-glitch-b{background:#38bdf80d}.splash-glitch-fx.active .splash-glitch-r{animation:glitchSliceR .15s ease-out infinite alternate;opacity:1}.splash-glitch-fx.active .splash-glitch-g{animation:glitchSliceG .12s ease-out infinite alternate;opacity:1}.splash-glitch-fx.active .splash-glitch-b{animation:glitchSliceB .18s ease-out infinite alternate;opacity:1}.splash-glitch-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(56,189,248,.02) 2px,rgba(56,189,248,.02) 4px);z-index:1}.splash-glitch-noise{position:absolute;inset:0;opacity:0;z-index:2}.splash-glitch-fx.active .splash-glitch-noise{animation:glitchNoise .1s steps(3) infinite;opacity:.15}.splash-glitch-fx.active{animation:glitchDissolve 1.2s ease-out forwards}@keyframes glitchSliceR{0%{transform:translate(-3px) skew(-1deg)}to{transform:translate(3px) skew(1deg)}}@keyframes glitchSliceG{0%{transform:translate(2px) skew(.5deg)}to{transform:translate(-2px) skew(-.5deg)}}@keyframes glitchSliceB{0%{transform:translate(-1px) skewY(.3deg)}to{transform:translate(1px) skewY(-.3deg)}}@keyframes glitchNoise{0%{background-position:0 0}33%{background-position:-10px 5px}66%{background-position:5px -10px}to{background-position:0 0}}@keyframes glitchDissolve{0%{opacity:1}70%{opacity:1}85%{opacity:.5;clip-path:inset(10% 5% 10% 5%)}to{opacity:0;clip-path:inset(50% 50% 50% 50%)}}.splash-curtain{position:absolute;inset:0;z-index:2}.splash-curtain-left,.splash-curtain-right{position:absolute;top:0;bottom:0;width:50%;background:#050a15;transition:transform 1s cubic-bezier(.22,1,.36,1)}.splash-curtain-left{left:0;border-right:1px solid rgba(56,189,248,.2);box-shadow:4px 0 30px #38bdf81a}.splash-curtain-right{right:0;border-left:1px solid rgba(56,189,248,.2);box-shadow:-4px 0 30px #38bdf81a}.splash-curtain.open .splash-curtain-left{transform:translate(-105%)}.splash-curtain.open .splash-curtain-right{transform:translate(105%)}.splash-curtain-shine{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,#38bdf8 30%,#67e8f9 50%,#38bdf8 70%,transparent);box-shadow:0 0 20px 6px #38bdf84d;z-index:3;opacity:.8}.splash-curtain.open .splash-curtain-shine{opacity:0;transition:opacity .5s .3s}