/* loader.css - homepage boot loader (angular wipe + progress, RASHQT logo). Scoped to #bootLoader. */
#bootLoader.boot-loader{background:transparent;padding:0;display:block;overflow:hidden;transition:none;opacity:1;visibility:visible;color:#E6ECF4}
#bootLoader.boot-loader.done{opacity:1;visibility:visible;pointer-events:none}
#bootLoader .bl-panel{position:absolute;inset:0;background-color:#1E0B25;background-image:radial-gradient(circle,rgba(230,236,244,.08) 1.5px,transparent 2px);background-size:36px 36px;transition:transform .85s cubic-bezier(.76,0,.24,1)}
#bootLoader .bl-a{clip-path:polygon(0 0,100% 0,100% 38%,0 62%)}
#bootLoader .bl-b{clip-path:polygon(0 62%,100% 38%,100% 100%,0 100%);background-color:#140819}
#bootLoader.done .bl-a{transform:translateY(-105%)}
#bootLoader.done .bl-b{transform:translateY(105%)}
#bootLoader .bl-seam{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s}
#bootLoader.done .bl-seam,#bootLoader.done .bl-ui{opacity:0;transition:opacity .3s}
#bootLoader .bl-seam line{stroke:#FFB000;stroke-width:3;stroke-dasharray:100 0;vector-effect:non-scaling-stroke}
#bootLoader .bl-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:24px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;font-size:.74rem;text-transform:uppercase;z-index:2}
#bootLoader .bl-logo{font-family:'Reenie Beanie','Segoe Print',cursive;font-size:clamp(76px,17vw,170px);line-height:.9;color:#E6ECF4;transform:rotate(-3deg);text-transform:none;letter-spacing:0;clip-path:inset(0 100% 0 0);animation:blWipe .9s .2s cubic-bezier(.7,0,.2,1) forwards,blGlitch 2.4s 1.2s steps(1) infinite}
#bootLoader .bl-logo sup{font-size:.26em;vertical-align:top;position:relative;top:.5em}
#bootLoader .bl-bar{width:min(420px,78vw);height:5px;background:rgba(230,236,244,.16);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
#bootLoader .bl-bar i{display:block;height:100%;background:#FFB000;transform:scaleX(0);transform-origin:left}
#bootLoader .bl-row{width:min(420px,78vw);display:flex;justify-content:space-between;color:#BFAED0}
#bootLoader #blPct{color:#FFB000}
#bootLoader .bl-meta{position:absolute;z-index:2;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;font-size:.7rem;color:#BFAED0;transition:opacity .3s}
#bootLoader .bl-meta.tl{top:26px;left:56px}#bootLoader .bl-meta.tr{top:26px;right:56px}
#bootLoader .bl-meta.bl{bottom:26px;left:56px}#bootLoader .bl-meta.br{bottom:26px;right:56px}
#bootLoader.done .bl-meta,#bootLoader.done .bl-corner{opacity:0}
#bootLoader .bl-corner{position:absolute;z-index:2;width:26px;height:26px;border:0 solid #FFB000;transition:opacity .3s}
#bootLoader .bl-corner.tl{top:18px;left:18px;border-width:2px 0 0 2px}
#bootLoader .bl-corner.tr{top:18px;right:18px;border-width:2px 2px 0 0}
#bootLoader .bl-corner.bl{bottom:18px;left:18px;border-width:0 0 2px 2px}
#bootLoader .bl-corner.br{bottom:18px;right:18px;border-width:0 2px 2px 0}
@keyframes blWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes blGlitch{0%,92%,100%{transform:rotate(-3deg);text-shadow:none}94%{transform:rotate(-3deg) translateX(-4px);text-shadow:4px 0 #FFB000}96%{transform:rotate(-3deg) translateX(3px);text-shadow:-4px 0 #BFAED0}}
@media(max-width:520px){#bootLoader .bl-meta.tl,#bootLoader .bl-meta.bl{left:50px}#bootLoader .bl-meta.tr,#bootLoader .bl-meta.br{right:50px}}