@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";
.loader-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,monospace;display:flex;position:relative;overflow:hidden}.loader-wrapper{background-color:#000;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important}.loader-grid{letter-spacing:-.05em;z-index:2;align-items:baseline;gap:.5rem;font-size:max(1.5rem,min(6vw,3rem));font-weight:700;display:flex;position:relative}.loader-sp{align-items:baseline;gap:.2em;display:flex}.letter{opacity:0;animation:.4s cubic-bezier(.23,1,.32,1) forwards letterDrop;display:inline-block}.letter-s{color:#fff;animation-delay:0s}.letter-p{color:#fff;animation-delay:.1s}.slash{color:#94a3b8;opacity:0;margin:0 -.1em;animation:.3s cubic-bezier(.23,1,.32,1) .2s forwards slashAppear;display:inline-block}.loader-counter{align-items:baseline;min-width:3ch;display:flex;position:relative}.digit{text-align:center;color:#fff;opacity:0;width:1ch;transition:transform .1s;animation:.2s forwards digitAppear;display:inline-block;position:relative}.digit-1{animation-delay:.3s}.digit-2{animation-delay:.35s}.digit-3{animation-delay:.4s}.counting .digit,.complete .digit{opacity:1;animation:none}.counting .digit:before{content:attr(data-value);opacity:0;width:100%;height:100%;animation:.15s digitChange;position:absolute;top:0;left:0;transform:translateY(-10px)}.loader-percent{opacity:0;color:#e2e8f0;margin-left:-.2em;animation:.3s .5s forwards fadeIn}.loader-text{text-transform:uppercase;letter-spacing:.3em;color:#64748b;opacity:0;text-align:center;width:100%;font-size:.25em;animation:.5s .8s forwards textFadeIn;position:absolute;bottom:-1.5em;left:50%;transform:translate(-50%)}.loader-end{min-width:2ch;margin-left:.5em}.dots{opacity:0;gap:.1em;animation:.3s .6s forwards fadeIn;display:inline-flex}.dots span{color:#25f8fd;animation:1.4s infinite dotPulse;display:inline-block}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.complete .loader-text span{color:#25f8fd;text-shadow:0 0 8px rgba(37,248,253,.4),0 0 16px rgba(37,248,253,.3);font-weight:700;animation:.3s glowPulse;position:relative}.complete .dots span{opacity:1;color:#25f8fd;text-shadow:0 0 8px rgba(37,248,253,.6),0 0 16px rgba(37,248,253,.4);animation:none}.complete .loader-text span:after{content:"READY";color:#25f8fd;text-shadow:none;mix-blend-mode:screen;text-align:center;filter:blur(3px);width:100%;animation:.3s shine;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes letterDrop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slashAppear{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes digitAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes digitChange{0%{opacity:0;transform:translateY(10px)}50%{opacity:.5}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeIn{to{opacity:1}}@keyframes textFadeIn{to{opacity:.5}}@keyframes dotPulse{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%{opacity:0}to{opacity:1}}@keyframes shine{0%{opacity:0;transform:translate(-50%)translateY(0)}50%{opacity:.6;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.loader-grid{font-size:max(1.2rem,min(5vw,2.5rem))}.loader-text{font-size:.3em}}.initial .loader-grid{filter:contrast(1.2)brightness(1.1)}.counting .digit{text-shadow:0 0 10px rgba(255,255,255,.5)}