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