*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.woff2) format("woff2-variations");font-weight:100 800;font-optical-sizing:auto;font-style:normal}:root{--color-background: #0c0c0c;--color-background-transparent: #0808087c;--color-background-darker: #1b1b1b;--color-background-01: #222222;--color-background-02: #2b2b2b;--color-background-03: #363636;--color-border: #2e2e2e;--color-border-darker: #1d1d1d;--color-border-01: #3f3f3f;--color-border-02: #505050;--color-border-03: #646464;--color-border-accent: #253042;--color-primary: #f3f3f3;--color-secondary: #a0a0a0;--color-text-dark: #2b2b2b;--color-accent: #4978c4;--color-accent-01: #6f9ce4;--color-accent-02: #9bc1ff}*{padding:0;margin:0;box-sizing:border-box;color:var(--color-primary);font-family:JetBrains Mono,Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}html{scrollbar-width:none}body{background-color:var(--color-background);min-height:100vh;overflow-x:hidden;cursor:none;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body.touch{cursor:pointer}.scrollbar{position:fixed;bottom:0;width:100%;background-color:var(--color-background-01);height:3px;transform-origin:left center}.scroll-progress{will-change:width;position:absolute;left:0;top:0;height:100%;width:100%;background-color:var(--color-accent);transform-origin:left center;will-change:transform;transition:transform .1s ease-out}.cursor{position:fixed;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:100;transition:opacity .3s ease;will-change:transform;mix-blend-mode:difference}.cursor.hidden{opacity:0}.cursor .cursor-caret{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;border:2px solid white;background-color:#c4c4c44b;width:12px;height:12px;border-radius:50%;transition:transform .15s ease,width .2s ease,height .2s ease,border-radius .2s ease}.cursor.text .cursor-caret{width:0px;height:20px;border-radius:3px}.cursor.pointer .cursor-caret{width:20px;height:20px}.cursor .cursor-caret-border{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);animation:spin 5s linear infinite;transition:width .2s ease,height .2s ease;--border-color: white;--border-length-x: 6px;--border-length-y: 6px}.cursor .cursor-caret-border:before,.cursor .cursor-caret-border:after{content:"";position:absolute;width:100%;height:100%;pointer-events:none}.cursor .cursor-caret-border:before{background:linear-gradient(to right,var(--border-color) var(--border-length-x),transparent var(--border-length-x)) top left,linear-gradient(to left,var(--border-color) var(--border-length-x),transparent var(--border-length-x)) top right,linear-gradient(to right,var(--border-color) var(--border-length-x),transparent var(--border-length-x)) bottom left,linear-gradient(to left,var(--border-color) var(--border-length-x),transparent var(--border-length-x)) bottom right;background-repeat:no-repeat;background-size:var(--border-length-x) 2px}.cursor .cursor-caret-border:after{background:linear-gradient(to bottom,var(--border-color) var(--border-length-y),transparent var(--border-length-y)) top left,linear-gradient(to bottom,var(--border-color) var(--border-length-y),transparent var(--border-length-y)) top right,linear-gradient(to top,var(--border-color) var(--border-length-y),transparent var(--border-length-y)) bottom left,linear-gradient(to top,var(--border-color) var(--border-length-y),transparent var(--border-length-y)) bottom right;background-repeat:no-repeat;background-size:2px var(--border-length-y)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cursor.pointer .cursor-caret-border{width:26px;height:26px}.loader-entry{position:fixed;width:100%;height:100dvh;background-color:var(--color-background);z-index:1000}.loader-entry .hello{backface-visibility:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10cqw;text-transform:uppercase;z-index:101}.loader-entry .boot-text{z-index:100;padding:1rem;position:absolute;width:100%;height:100dvh;font-size:max(.6rem,1cqw);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;pointer-events:none}.hero{position:relative;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background-image:radial-gradient(circle at 0% -50%,#7db7e6a0,transparent 50%),radial-gradient(circle at 100% 150%,#168ef07a,transparent 50%)}.hero:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--color-background-darker) 0px,var(--color-background-darker) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,var(--color-background-darker) 0px,var(--color-background-darker) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,var(--color-background-darker) 0px,var(--color-background-darker) 2px,transparent 2px,transparent 160px),repeating-linear-gradient(90deg,var(--color-background-darker) 0px,var(--color-background-darker) 2px,transparent 2px,transparent 160px);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;-webkit-mask-image:radial-gradient(circle,var(--color-background) 10%,transparent 100%),linear-gradient(to bottom,transparent 0%,var(--color-background) 20%,var(--color-background) 80%,transparent 100%);-webkit-mask-composite:intersect;mask-composite:intersect;mask-repeat:no-repeat;mask-position:center;mask-size:cover;z-index:-1}.hero>*{z-index:10}.hero h1{text-transform:uppercase;font-size:max(6cqw,48pt);line-height:1;background:-webkit-linear-gradient(#f4f5f7,#5c5c5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:max(1cqw,15pt);color:var(--color-secondary)}.hero .subtext{font-size:max(1.5cqw,20pt);font-weight:700;background:-webkit-linear-gradient(#347bbd,#84c2fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .enter{width:fit-content;width:210px;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:var(--color-background-transparent);box-shadow:0 0 5px #575757;border:2px solid var(--color-border-03);padding:.8rem 1.6rem;border-radius:50px;font-weight:700;text-transform:uppercase;color:var(--color-border-03);font-size:16px;cursor:none;transition:color .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.hero .enter:hover{border-color:#619dce;background-color:#001b3186;color:#619dce;box-shadow:0 0 5px #3f9be6}.hero .hero-background{width:100%;height:100dvh;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:9}.circle{position:absolute;left:var(--pos-x);top:var(--pos-y);background-color:#84c2fc21;border-radius:50%;animation:breathe 2s ease alternate infinite}.circle.csize-1{width:200px;height:200px}.circle.csize-2{width:250px;height:250px}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(.9)}}.navbar{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:1000px;z-index:100;background-color:#121212ab;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:1rem;border:1px solid var(--color-border-accent);padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5rem;height:50px;border-radius:10px}.navbar .nav-brand{font-size:20px}.navbar .nav-items{align-items:center;display:flex;flex-grow:1;flex-direction:row;gap:2rem;justify-content:flex-end}
