#vpn-welcome{--welcome-paper:#f6f5f1;--welcome-ink:#1b1c1c;--welcome-muted:#747873;--welcome-line:#deded8;color:var(--welcome-ink);font-family:Arial,Helvetica,sans-serif}#vpn-welcome,#vpn-welcome *{box-sizing:border-box}#vpn-welcome[hidden]{display:none!important}#vpn-welcome button{font:inherit;cursor:pointer}#vpn-welcome button:focus-visible{outline:2px solid #535851;outline-offset:4px}
#vpn-welcome.welcome{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:minmax(145px,30fr) minmax(0,44fr) minmax(110px,26fr);align-items:stretch;justify-items:center;padding:30px 24px 72px;background:radial-gradient(ellipse at 50% 60%,#fffefa00 15%,#f0efeb70 100%),var(--welcome-paper);overflow:hidden;isolation:isolate;opacity:var(--overlay-opacity,1);will-change:opacity}
#vpn-welcome .logo-filter-defs{position:absolute;pointer-events:none}
#vpn-welcome .welcome-topline{position:absolute;z-index:4;top:22px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between}
#vpn-welcome .welcome-edition{font-size:7px;letter-spacing:1.5px;color:#9a9d96}
#vpn-welcome .welcome-edition span{margin:0 6px;color:#b7bab3}
#vpn-welcome .welcome-skip{border:0;border-bottom:1px solid #c9ccc4;background:none;color:#747a70;font-size:10px;padding:7px 0}
#vpn-welcome .welcome-skip span{margin-left:12px}
#vpn-welcome .brand-lockup{grid-row:1;align-self:end;z-index:3;text-align:center;padding:0 0 18px;width:100%;pointer-events:none}
#vpn-welcome .brand-logo{display:block;width:145px;height:145px;object-fit:contain;margin:0 auto -13px;filter:url(#welcome-logo-ink)}
#vpn-welcome .brand-lockup #welcome-slogan{margin:0;font-weight:500;font-size:9px;letter-spacing:2.6px;line-height:1.9;text-transform:uppercase}
#vpn-welcome .brand-rule{display:none}
#vpn-welcome .car-stage{grid-row:2;position:relative;align-self:center;width:min(760px,82vw,calc((100svh - 340px)*1.5));aspect-ratio:3/2;max-height:100%;pointer-events:none;opacity:var(--car-reveal,0);contain:layout;transform:none;left:auto;top:auto;bottom:auto}
#vpn-welcome .car-base{width:100%;height:100%;object-fit:contain;display:block;filter:blur(var(--car-softness,0px));mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 65% 72% at 50% 50%,#000 35%,#000c 60%,transparent 91%);-webkit-mask-image:radial-gradient(ellipse 65% 72% at 50% 50%,#000 35%,#000c 60%,transparent 91%)}
#vpn-welcome .car-light-layers{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.95}
#vpn-welcome .body-shade{opacity:calc(var(--body-shade,.72)*.6)}
#vpn-welcome .car-stage:after{content:'';position:absolute;inset:25% -4% -4%;background:linear-gradient(transparent 12%,#f6f5f105 35%,#f6f5f1b0 68%,#f6f5f1 93%);opacity:calc(1 - var(--progress,0)*.32);pointer-events:none}
#vpn-welcome .headlight-left{opacity:var(--left-head,0)}
#vpn-welcome .headlight-right{opacity:var(--right-head,0)}
#vpn-welcome .led-halo{opacity:.55}
#vpn-welcome .led-bloom{opacity:.8}
#vpn-welcome .floor-wash{opacity:.22}
#vpn-welcome .headlight-left .led-core{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--left-sweep,0)*100)}
#vpn-welcome .headlight-right .led-core{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--right-sweep,0)*100)}
#vpn-welcome .indicator-left{opacity:var(--left-signal,0)}
#vpn-welcome .indicator-right{opacity:var(--right-signal,0)}
#vpn-welcome .connection-panel{grid-row:3;align-self:start;width:min(320px,calc(100vw - 76px));position:relative;display:grid;grid-template-rows:8px 20px auto;gap:13px;margin-top:0;z-index:3}
#vpn-welcome .connection-track{grid-row:1;height:3px;align-self:center;margin-right:32px;background:#dddfd8;border-radius:3px;overflow:hidden}
#vpn-welcome .connection-fill{height:100%;width:100%;background:#303731;transform:scaleX(var(--progress,0));transform-origin:left center;will-change:transform}
#vpn-welcome .connection-heading{display:contents}
#vpn-welcome .connection-percent{position:absolute;right:0;top:-1px;font-size:9px;color:#545d50;font-variant-numeric:tabular-nums;letter-spacing:.4px}
#vpn-welcome .connection-percent small{font-size:7px;margin-left:2px}
#vpn-welcome .connection-status{grid-row:2;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;line-height:1.8;white-space:nowrap}
#vpn-welcome .connection-check{display:none;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#202722;color:white;font-size:9px;letter-spacing:0}
#vpn-welcome.welcome[data-complete="true"] .connection-check{display:inline-flex}
#vpn-welcome .connection-panel p{grid-row:3;margin:3px -25px 0;text-align:center;font-size:8px;letter-spacing:.1px;line-height:1.6;color:#a0a49a}
#vpn-welcome .welcome-foot{position:absolute;left:30px;right:30px;bottom:70px;display:flex;justify-content:space-between;gap:12px;font-size:6px;letter-spacing:1.3px;color:#a0a59a}
@media(min-width:1400px) and (min-height:850px){#vpn-welcome.welcome{padding-top:55px;padding-bottom:95px;grid-template-rows:minmax(170px,30fr) minmax(0,46fr) minmax(110px,24fr)}
#vpn-welcome .brand-logo{width:164px;height:164px}
#vpn-welcome .brand-lockup{padding-bottom:16px}
#vpn-welcome .car-stage{width:min(800px,70vw,calc((100svh - 390px)*1.5))}
#vpn-welcome .brand-lockup #welcome-slogan{font-size:10px}
#vpn-welcome .connection-panel{width:340px}
}
@media(max-width:700px){#vpn-welcome.welcome{padding:45px 16px 100px;grid-template-rows:minmax(150px,32fr) minmax(0,40fr) minmax(100px,28fr)}
#vpn-welcome .welcome-topline{top:18px;left:20px;right:20px}
#vpn-welcome .welcome-edition{font-size:6px;letter-spacing:1px}
#vpn-welcome .brand-logo{width:142px;height:142px}
#vpn-welcome .brand-lockup{padding-bottom:15px}
#vpn-welcome .brand-lockup #welcome-slogan{font-size:7px;letter-spacing:1.7px;white-space:nowrap}
#vpn-welcome .car-stage{width:min(94vw,560px);max-height:100%}
#vpn-welcome .connection-panel{width:min(285px,calc(100vw - 64px))}
#vpn-welcome .connection-status{font-size:7px;letter-spacing:1.05px}
#vpn-welcome .connection-panel p{font-size:7px;margin:0 -8px}
#vpn-welcome .welcome-foot{left:20px;right:20px;bottom:81px;font-size:6px;letter-spacing:.7px}
}
@media(max-height:620px){#vpn-welcome.welcome{padding-top:20px;padding-bottom:62px;grid-template-rows:105px minmax(0,1fr) 92px}
#vpn-welcome .brand-logo{width:104px;height:104px;margin-bottom:-10px}
#vpn-welcome .brand-lockup{padding-bottom:3px}
#vpn-welcome .brand-lockup #welcome-slogan{font-size:6px;letter-spacing:1.7px}
#vpn-welcome .car-stage{width:min(600px,70vw,calc((100svh - 245px)*1.5))}
#vpn-welcome .connection-panel{width:270px;gap:9px}
#vpn-welcome .connection-panel p{font-size:7px}
#vpn-welcome .welcome-foot{display:none}
#vpn-welcome .welcome-edition{display:none}
#vpn-welcome .welcome-topline{top:13px}
}
@media(prefers-reduced-motion:reduce){#vpn-welcome.welcome,#vpn-welcome .connection-fill{will-change:auto}
}
