@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");:root{--color-bg:#272b4d;--color-text:#f5f5f5;--color-dark:#272b4d;--color-light:#e0e0e0;--font-primary:"Space Mono",monospace;--font-size-massive:clamp(10rem,20vw,30rem);--grid-size:50px;--transition-speed:500ms}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:#111740;color:var(--color-text);overflow-x:hidden;min-height:100vh;font-weight:700;letter-spacing:-.02em}.preloader{position:fixed;height:100vh;background-color:#111740;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.pixel-grid,.preloader{top:0;left:0;width:100%}.pixel-grid{position:absolute;height:100%;z-index:2}.pixel-column,.pixel-row{position:absolute;background-color:#272b4d;opacity:.1}.pixel-row{height:1px;width:0;left:0}.pixel-column{width:1px;height:0;top:0}#top-row{top:20%}#bottom-row{bottom:20%}#left-column{left:20%}#right-column{right:20%}.block-container{position:absolute;width:100%;height:100%;z-index:1}.block{position:absolute;background-color:var(--color-dark);border:1px solid hsla(0,0%,96%,.1);transform-origin:center;transform:scale(0);transition:transform var(--transition-speed) cubic-bezier(.25,1,.5,1)}#block-1{top:10%;left:10%;width:15vw;height:15vw}#block-2{top:10%;right:10%}#block-2,#block-3{width:20vw;height:20vw}#block-3{bottom:10%;left:10%}#block-4{bottom:10%;right:10%;width:15vw;height:15vw}.counter-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:100%;text-align:center}.counter{color:#272b4d;position:relative;display:inline-block}.counter,.counter-outline{font-size:var(--font-size-massive);font-weight:700;line-height:.8}.counter-outline{color:transparent;-webkit-text-stroke:1px #272b4d;position:absolute;top:5px;left:5px;width:100%;height:100%;z-index:-1}.text-container{position:absolute;top:2rem;left:2rem;z-index:10}.loading-text{font-size:2rem;font-weight:700;margin-bottom:1rem;opacity:.9}.system-messages{font-size:1rem;font-weight:400;line-height:1.5;opacity:.6;height:1.5em;overflow:hidden}.message{display:none}.message.active{display:block}.loading-bar-container{position:absolute;bottom:3rem;left:2rem;right:2rem;z-index:10}.loading-bar{height:3px;width:100%;margin-bottom:10px;position:relative}.loading-bar,.progress{background-color:#272b4d}.progress{height:100%;width:0;transition:width var(--transition-speed) cubic-bezier(.23,1,.32,1)}.loading-bar-markers{display:flex;justify-content:space-between;width:100%;font-size:.8rem;opacity:.6;position:relative}.marker{position:relative;padding-top:10px;transition:opacity .3s ease}.marker:before{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:1px;height:5px;background-color:#272b4d}.connector-lines{position:absolute;top:0;width:100%}.connector-line{position:absolute;top:-12px;height:1px;background-color:#272b4d;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-speed) cubic-bezier(.23,1,.32,1)}#line-0-25{left:0;width:25%}#line-25-50{left:25%;width:25%}#line-50-75{left:50%;width:25%}#line-75-100{left:75%;width:25%}.content{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;opacity:0;visibility:hidden;z-index:5}.content h1{font-size:clamp(2rem,7vw,6rem);font-weight:700;margin-bottom:1rem;text-align:center;letter-spacing:-1px}.content p{font-size:1.5rem;max-width:800px;text-align:center;opacity:.7}@media (max-width:768px){.text-container{top:1rem;left:1rem}.loading-bar-container{bottom:2rem;left:1rem;right:1rem}.loading-text{font-size:1.5rem}.system-messages{font-size:.8rem}#block-1,#block-2,#block-3,#block-4{width:25vw;height:25vw}}