#page-loader{display:none}
html.page-loading #page-loader,#page-loader.is-leaving{display:flex;position:fixed;inset:0;z-index:2147483647!important;visibility:visible!important;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#06111f;color:#b1c6df;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
html.page-loading #internal-auth-gate,html.internal-auth-restoring #internal-auth-gate{visibility:hidden!important}
html.page-loading body>:not(#page-loader):not(script){visibility:hidden}
#page-loader::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 42%,#1034556b,transparent 46%),#06111f}
#page-loader::after{content:'';position:absolute;inset:42% 0 0;z-index:-1;background:linear-gradient(#06111f 0%,#06111f33 48%,#06111f88),url('../assets/images/login-scenery.png') center 58%/cover no-repeat;opacity:.32;mask-image:linear-gradient(transparent,#000 48%);pointer-events:none}
#page-loader .loader-content{display:flex;flex-direction:column;align-items:center;gap:27px;margin-top:-5vh;padding:24px;text-align:center}
#page-loader .loader-brand-mark{position:relative;display:grid;place-items:center;width:180px;height:180px;isolation:isolate}
#page-loader .loader-brand-mark::before{content:'';position:absolute;inset:0;border:1px solid #355b8138;border-radius:50%;background:radial-gradient(circle,#159ee917,transparent 66%)}
#page-loader .loader-orbit{position:absolute;inset:0;border-radius:50%;animation:loaderOrbitTurn 5s linear infinite;will-change:transform}
#page-loader .loader-orbit::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 12%,#1c69b333 57%,#0ba4e8 88%,#64e8ff 99%,transparent);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px))}
#page-loader .loader-orbit::after{content:'';position:absolute;left:calc(50% - 3px);top:-2px;width:6px;height:6px;border-radius:50%;background:#cefbff;box-shadow:0 0 6px 2px #2bd6ff,0 0 18px 5px #129cf988}
#page-loader .loader-logo{display:block;width:108px;height:108px;object-fit:contain;border:1px solid #3e6c985e;border-radius:23px;background:#0a192b;box-shadow:0 12px 35px #0006,0 0 38px #169ee91c}
#page-loader .loader-brand-mark::after{content:'';position:absolute;width:108px;height:108px;border-radius:23px;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#dffaff08 41%,#e8fbff66 49%,#dffaff08 57%,transparent 68%) 160% 0/300% 100% no-repeat;animation:loaderGlassSweep 2.7s ease-in-out infinite}
#page-loader .loader-caption{position:relative;margin:0;width:112px;min-height:32px;color:transparent;font-size:0;font-weight:800;letter-spacing:.3px;line-height:1.4}
#page-loader .loader-caption::after{content:'devsepa';display:block;font:800 25px/1.3 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.2px;background:linear-gradient(90deg,#e7f6ff 0 42%,#24c9f2 48% 100%);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap;animation:loaderWordReveal 2.8s ease-in-out infinite;will-change:clip-path,opacity}
#page-loader .loader-dots{display:flex;gap:12px;align-items:center;justify-content:center;height:10px;margin-top:-9px}
#page-loader .loader-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#435c80;animation:loaderDotGlow 1.8s ease-in-out infinite}
#page-loader .loader-dots i:nth-child(2){animation-delay:.3s}
#page-loader .loader-dots i:nth-child(3){animation-delay:.6s}
#page-loader.is-leaving{pointer-events:none;animation:loaderScreenExit .5s ease-out forwards;will-change:opacity}
@keyframes loaderOrbitTurn{to{transform:rotate(360deg)}}
@keyframes loaderDotGlow{0%,65%,100%{background:#435c80;box-shadow:none;opacity:.65;transform:translateY(0)}30%{background:#2ad9f5;box-shadow:0 0 10px #1ac6e999;opacity:1;transform:translateY(-3px)}}
@keyframes loaderGlassSweep{0%,12%{background-position:160% 0}72%,100%{background-position:-60% 0}}
@keyframes loaderWordReveal{0%,100%{clip-path:inset(0 100% 0 0);opacity:.5}35%,70%{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes loaderScreenExit{from{opacity:1}to{opacity:0}}
@media(max-width:600px){#page-loader .loader-content{gap:23px;margin-top:-7vh}#page-loader .loader-brand-mark{width:166px;height:166px}#page-loader .loader-logo{width:100px;height:100px;border-radius:21px}#page-loader .loader-brand-mark::after{width:100px;height:100px;border-radius:21px}#page-loader::after{inset:45% 0 0;background-position:center 52%}}
@media(prefers-reduced-motion:reduce){#page-loader .loader-orbit{animation-duration:8s}#page-loader .loader-brand-mark::after{animation-duration:6s}#page-loader .loader-caption::after{animation:loaderWordSoft 4s ease-in-out infinite;clip-path:none;will-change:opacity}#page-loader .loader-dots i{animation:loaderDotSoft 2.4s ease-in-out infinite}#page-loader .loader-dots i:nth-child(2){animation-delay:.4s}#page-loader .loader-dots i:nth-child(3){animation-delay:.8s}#page-loader.is-leaving{animation-duration:.5s}}
@keyframes loaderWordSoft{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes loaderDotSoft{0%,65%,100%{background:#435c80;opacity:.6}30%{background:#2ad9f5;opacity:1}}

#page-loader.is-finished{display:none!important}
html.page-loading .rank-weather-track{display:none!important}