#preloader{display:none;position:fixed;inset:0;z-index:99999;place-items:center;--pl-navy:#14233a;--pl-blue:#0a8fd6;--pl-bg:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--pl-navy)}
.pre-on #preloader{display:grid}
.pre-on{overflow:hidden}
#preloader *{box-sizing:border-box}
#preloader .pl-panel{position:absolute;left:0;width:100%;height:50.5%;background:var(--pl-bg);transition:transform 1.05s cubic-bezier(.77,0,.18,1);will-change:transform}
#preloader .pl-panel.pl-top{top:0}
#preloader .pl-panel.pl-bottom{bottom:0}
#preloader.open .pl-top{transform:translateY(-101%)}
#preloader.open .pl-bottom{transform:translateY(101%)}
#preloader .pl-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;width:min(62vw,300px);transition:opacity .55s ease,transform .7s cubic-bezier(.6,0,.2,1)}
#preloader.done .pl-stage{opacity:0;transform:scale(1.12)}
#preloader .pl-logo{position:relative;width:100%;aspect-ratio:2314/1742}
#preloader .pl-logo img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
#preloader .pl-logo .pl-base{filter:grayscale(1);opacity:.16}
#preloader .pl-logo .pl-color{clip-path:inset(0 100% 0 0);will-change:clip-path}
#preloader .pl-glow{position:absolute;top:-4%;bottom:-4%;width:14%;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(10,160,230,.28),transparent);filter:blur(10px);opacity:0}
#preloader .pl-bar{width:100%;height:3px;border-radius:3px;background:#e3eaf2;overflow:hidden}
#preloader .pl-bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#08c8f5,#0a5fb0,#03286f)}
#preloader .pl-track{position:relative;width:100%;height:66px}
#preloader .pl-track .pl-bar{position:absolute;left:0;right:0;bottom:0}
#preloader .pl-runner{position:absolute;bottom:3px;left:0;width:112px;height:52px;margin-left:-56px;will-change:left}
#preloader .pl-runner svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#preloader .pl-shadow{position:absolute;left:6px;right:4px;bottom:-2px;height:5px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,35,58,.3),transparent);transform-origin:50% 50%}
#preloader .pl-dust{position:absolute;left:12px;bottom:3px;width:0;height:0}
#preloader .pl-dust i{position:absolute;left:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#b7c8dc;opacity:0;animation:pl-dust .5s linear infinite}
#preloader .pl-dust i:nth-child(2){animation-delay:.17s}
#preloader .pl-dust i:nth-child(3){animation-delay:.34s}
@keyframes pl-dust{0%{opacity:.55;transform:translate(0,0) scale(.4)}100%{opacity:0;transform:translate(-30px,-8px) scale(1.5)}}
#preloader .pl-speed{position:absolute;left:-30px;top:10px;width:36px;height:32px}
#preloader .pl-speed i{position:absolute;right:0;height:2px;border-radius:2px;background:#8fb0d6;opacity:0;transform-origin:100% 50%;animation:pl-streak .45s linear infinite}
@keyframes pl-streak{0%{opacity:.7;transform:translateX(0) scaleX(.3)}100%{opacity:0;transform:translateX(-18px) scaleX(1)}}
#preloader .pl-flame{transform-box:fill-box;transform-origin:100% 50%;animation:pl-flame .11s linear infinite alternate}
@keyframes pl-flame{from{transform:scaleX(.45);opacity:.95}to{transform:scaleX(1.15);opacity:.55}}
#preloader.done .pl-runner *{animation-play-state:paused}
#preloader .pl-pct{font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#5d6f86;margin-top:-10px}
@media (prefers-reduced-motion:reduce){
  #preloader .pl-panel,#preloader .pl-stage{transition-duration:.01s}
  #preloader .pl-dust,#preloader .pl-speed,#preloader .pl-flame{display:none}
}