.page-loader{--loader-x:50%;--loader-y:42%;z-index:120;pointer-events:none;background:#061a3e;place-items:center;animation:1.35s cubic-bezier(.22,.8,.28,1) both pageLoaderFrame;display:grid;position:fixed;inset:0;overflow:hidden}.page-loader-panels{grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:0}.page-loader-panels span{transform-origin:50%;animation-duration:1.35s;animation-timing-function:cubic-bezier(.76,0,.24,1);animation-fill-mode:both}.page-loader-panels span:first-child{background:linear-gradient(90deg,#071528,#123058);animation-delay:0s}.page-loader-panels span:nth-child(2){background:linear-gradient(90deg,#0b1f3d,#17457f);animation-delay:40ms}.page-loader-panels span:nth-child(3){background:linear-gradient(90deg,#123568,#2160b0);animation-delay:80ms}.page-loader-panels span:nth-child(4){background:linear-gradient(90deg,#184888,#2f74cc);animation-delay:.12s}.page-loader-panels span:nth-child(5){background:linear-gradient(90deg,#1f569c,#3a7ad4);animation-delay:.16s}.page-loader-panels span:nth-child(odd){animation-name:pageLoaderPanelLeft}.page-loader-panels span:nth-child(2n){animation-name:pageLoaderPanelRight}.page-loader-spotlight{z-index:1;pointer-events:none;opacity:.55;background:radial-gradient(circle 22vmax at var(--loader-x) var(--loader-y), #a0c8ff47 0%, #5a96ff1a 28%, transparent 58%), radial-gradient(circle 8vmax at var(--loader-x) var(--loader-y), #ffffff24, transparent 55%);mix-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}.page-loader[data-cursor=on] .page-loader-spotlight{opacity:1}.page-loader-shade{z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle 34vmax at var(--loader-x) var(--loader-y), transparent 0%, transparent 14%, #00000073 38%, #000 72%);-webkit-mask-image:radial-gradient(circle 34vmax at var(--loader-x) var(--loader-y), transparent 0%, transparent 14%, #00000073 38%, #000 72%);mask-image:radial-gradient(circle 34vmax at var(--loader-x) var(--loader-y), transparent 0%, transparent 14%, #00000073 38%, #000 72%);background:linear-gradient(#020c1f2e,#020c1f6b),linear-gradient(105deg,#020e2459 0%,#0000 45%,#020c1f47 100%);position:absolute;inset:0}.page-loader-center{z-index:2;flex-direction:column;align-items:center;gap:.95rem;animation:1.35s cubic-bezier(.22,.8,.28,1) both pageLoaderCenter;display:flex;position:relative}.page-loader-emblem{place-items:center;width:11rem;height:11rem;display:grid;position:relative}.page-loader-mark{z-index:1;background:linear-gradient(160deg,#f4f9ff 0%,#d3e8fb 100%);border:1px solid #dcecffb3;border-radius:50%;place-items:center;width:10rem;height:10rem;display:grid;position:relative;box-shadow:0 0 0 12px #82b9f51a,0 18px 46px #00103059}.page-loader-mark img{object-fit:contain;width:8rem;height:8rem}.page-loader-brand{color:#edf4ff;text-align:center;letter-spacing:.22em;text-shadow:0 8px 24px #00000040;margin:0;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.25}.page-loader-brand b{color:#a8c9ff;letter-spacing:.3em;margin-top:.45rem;font-size:clamp(.85rem,1.8vw,1rem);display:block}.page-loader-track{background:#aacdff33;border-radius:999px;width:7.2rem;height:2px;overflow:hidden}.page-loader-track i{border-radius:inherit;background:linear-gradient(90deg,#0000,#9ec4ff,#fff,#9ec4ff,#0000);width:42%;height:100%;animation:1s cubic-bezier(.22,.8,.28,1) both pageLoaderBar;display:block}@keyframes pageLoaderFrame{0%,70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes pageLoaderPanelLeft{0%,58%{transform:translate(0)scaleX(1)}to{transform:translate(-104%)scaleX(1.02)}}@keyframes pageLoaderPanelRight{0%,58%{transform:translate(0)scaleX(1)}to{transform:translate(104%)scaleX(1.02)}}@keyframes pageLoaderCenter{0%{opacity:0;transform:translateY(12px)scale(.94)}16%,66%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(1.04)}}@keyframes pageLoaderBar{0%{transform:translate(-130%)}to{transform:translate(260%)}}@media (max-width:640px){.page-loader-emblem{width:9rem;height:9rem}.page-loader-mark{width:8rem;height:8rem}.page-loader-mark img{width:6.5rem;height:6.5rem}}@media (prefers-reduced-motion:reduce){.page-loader{display:none}}
