.preloader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#06112f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s;contain:layout paint}
.is-loading .preloader{opacity:1;visibility:visible;pointer-events:auto;animation:loader-safety 0s 4.5s forwards}
.preloader-content{display:flex;align-items:center;flex-direction:column;gap:34px}
.preloader-mark{position:relative;width:112px;height:112px}
.preloader-mark img{display:block;width:100%;height:100%;object-fit:contain;box-shadow:0 12px 60px #4773b633}
.preloader-mark:before,.preloader-mark:after{content:'';position:absolute;inset:-14px;border:1px solid #59a6d83d}
.preloader-mark:after{border-color:#75bfe9;clip-path:polygon(0 0,35% 0,35% 3%,3% 3%,3% 35%,0 35%);animation:loader-frame 2s steps(4,end) infinite}
.preloader-track{width:140px;height:3px;overflow:hidden;background:#4773b633}
.preloader-track:after{content:'';display:block;width:45%;height:100%;background:#59a6d8;animation:loader-scan 1.25s ease-in-out infinite}
.preloader-caption{margin:0;color:#aac7e8;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase}
@keyframes loader-frame{to{transform:rotate(360deg)}}
@keyframes loader-scan{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@keyframes loader-safety{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.preloader{transition:none}.preloader-mark:after,.preloader-track:after{animation:none}.preloader-track:after{width:100%}}