/* VPN X launch screen: leaves stay here; the application theme is unchanged. */
.vx-launch-splash[hidden]{display:none!important}
/* The overlay is visible from the first paint (no [hidden] in the HTML), so the app never flashes before it.
   launch-splash.js adds .vx-launch-visible when it takes over; if it never runs, the overlay hides itself after 8 s. */
.vx-launch-splash:not(.vx-launch-visible):not([hidden]){animation:vx-launch-failsafe 0s linear 8s forwards}
@keyframes vx-launch-failsafe{to{visibility:hidden;pointer-events:none}}
.vx-launch-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#08090c;color:#f3f4f6;opacity:1;isolation:isolate;transition:opacity .32s ease;touch-action:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vx-launch-splash.vx-launch-leaving{opacity:0;pointer-events:none}
.vx-launch-splash .vx-launch-frame{position:relative;width:min(100%,520px);height:100%;max-height:960px;overflow:hidden;background:radial-gradient(ellipse 95% 62% at 0% 35%,#5ef0c018,transparent 70%),radial-gradient(ellipse 85% 58% at 100% 77%,#6aa8ff18,transparent 72%),#08090c}
.vx-launch-splash .vx-launch-ambient{position:absolute;inset:15% -10% 14%;background:radial-gradient(ellipse at 50% 54%,#5ef0c00d,transparent 60%);filter:blur(23px);pointer-events:none}
.vx-launch-splash .vx-launch-content{position:absolute;top:48%;left:0;right:0;text-align:center;transform:translateY(-58%)}
.vx-launch-splash .vx-launch-wordmark{margin:0;color:#f3f4f6;font-size:43px;line-height:1.1;font-weight:700;letter-spacing:-1.8px}
.vx-launch-splash .vx-launch-wordmark span{color:#5ef0c0;background:none;-webkit-text-fill-color:currentColor}
.vx-launch-splash .vx-launch-brand-sub{margin:11px 0 0;color:#9298a3;font-size:10px;line-height:1.5;letter-spacing:3.2px;font-weight:500}
.vx-launch-splash .vx-launch-logo-wrap{position:relative;width:244px;height:244px;margin:23px auto 0;max-width:90%}
.vx-launch-splash .vx-launch-logo-wrap picture{display:block;width:100%;height:100%}
.vx-launch-splash .vx-launch-logo{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.vx-launch-splash .vx-launch-label{position:absolute;bottom:max(36px,calc(env(safe-area-inset-bottom,0px) + 20px));left:15px;right:15px;margin:0;text-align:center;font-size:12px;line-height:1.5;font-weight:400;color:#a4abb5;letter-spacing:.1px}
.vx-launch-splash .vx-launch-loading{display:inline-block;width:21px;margin-left:5px;color:#5ef0c0;letter-spacing:2px}
.vx-launch-splash .vx-launch-leaf{position:absolute;width:39px;height:58px;border-radius:4% 88% 4% 90%;background:linear-gradient(145deg,#f2c681,#dfa461 38%,#a56843 100%);box-shadow:inset 2px 1px 5px #ffe0a83d,3px 5px 10px #0004;transform:rotate(var(--vx-launch-angle));opacity:.9;z-index:2;pointer-events:none}
.vx-launch-splash .vx-launch-leaf::after{content:"";position:absolute;left:47%;top:9%;height:90%;width:1px;background:#62432199;transform:rotate(-34deg)}
.vx-launch-splash .vx-launch-leaf-a{left:12%;top:14%;--vx-launch-angle:-43deg;scale:.78}
.vx-launch-splash .vx-launch-leaf-b{right:8%;top:57%;--vx-launch-angle:38deg;scale:.69}
.vx-launch-splash .vx-launch-leaf-c{left:-16px;top:73%;--vx-launch-angle:-65deg;scale:1.6;opacity:.35;filter:blur(4px)}
.vx-launch-splash .vx-launch-leaf-d{right:10%;top:7%;--vx-launch-angle:23deg;scale:.38;opacity:.35;filter:blur(.5px)}
.vx-launch-splash.vx-launch-visible .vx-launch-leaf{animation:vx-launch-leaf-fall 1.2s ease-in-out both}
.vx-launch-splash.vx-launch-visible .vx-launch-logo-wrap{animation:vx-launch-logo-in 1.2s ease-out both}
@keyframes vx-launch-leaf-fall{from{translate:-7px -12px;rotate:-10deg;opacity:.1}30%{opacity:.85}to{translate:22px 51px;rotate:22deg;opacity:.4}}
@keyframes vx-launch-logo-in{from{opacity:.25;scale:.94}32%,100%{opacity:1;scale:1}}
@media(max-height:540px){.vx-launch-splash .vx-launch-content{top:46%;transform:translateY(-55%)}.vx-launch-splash .vx-launch-wordmark{font-size:34px}.vx-launch-splash .vx-launch-brand-sub{margin-top:8px}.vx-launch-splash .vx-launch-logo-wrap{width:168px;height:168px;margin-top:12px}.vx-launch-splash .vx-launch-label{bottom:max(18px,env(safe-area-inset-bottom,0px))}.vx-launch-splash .vx-launch-leaf-a{top:8%}.vx-launch-splash .vx-launch-leaf-b{top:54%}}
@media(prefers-reduced-motion:reduce){.vx-launch-splash{transition:none}.vx-launch-splash .vx-launch-leaf,.vx-launch-splash .vx-launch-logo-wrap{animation:none!important}}