::view-transition-old(root){animation-delay:.5s}::view-transition-new(root){animation:circle-in .5s ease-in}@keyframes circle-in{0%{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(120% at 50% 0%)}}:root{--text: #0a2540;--text-secondary: #2f3d60;--text-tertiary: #cad2dc;--bg-lightest: #ebeef1;--bg-lighter: #f2f5f8;--bg: #f6f9fc;--bg-darker: #dce3ea;--bg-darkest: #cfd6dc;--primary: #00ffc8;--secondary: #ff01ff;--tertiary: #a2b7ff;--bg-image: linear-gradient(var(--bg), var(--bg))}:root.dark{--text: #f0f8ff;--text-secondary: #b2becd;--text-tertiary: #2f3d60;--bg-lightest: #2f3d60;--bg-lighter: #232d4a;--bg: #1a233b;--bg-darker: #0b1729;--bg-darkest: #07101c}@font-face{font-family:title;src:url(/fonts/jts_tech.ttf);font-display:swap}@font-face{font-family:main;src:url(/fonts/Montserrat-VariableFont_wght.ttf);font-display:swap}@font-face{font-family:mono;src:url(/fonts/roboto-mono.ttf);font-display:swap}@font-face{font-family:lakeGoth;src:url(/fonts/LakehurstGothic-Medium.ttf);font-display:swap}*,:before,:after{margin:0;padding:0;border:0;box-sizing:border-box}html{scrollbar-width:none}body{scroll-behavior:smooth;-webkit-user-select:none;user-select:none;text-rendering:optimizeLegibility;display:block;background-image:var(--bg-image);background-attachment:fixed;color:var(--text);font-size:clamp(15px,.8vw,.8vw);font-weight:500;font-family:main;animation:fadein 1s forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}main{contain:paint;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;position:relative;top:0}section{position:relative;width:100%}a{cursor:pointer;text-decoration:none;color:inherit;transition:.3s}a:hover{color:var(--primary)}button{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s}button.button_base{background-color:var(--bg-lighter);outline:1px solid var(--bg-lightest);border-radius:10px;color:var(--text);font-size:clamp(15px,.6vw,1vw)}button.button_base:hover{background-color:var(--bg-lightest)}h1,strong{width:fit-content;background-image:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;text-shadow:none!important;color:#0000!important}h1{z-index:0;width:fit-content}h1:after{content:attr(data-text);filter:blur(25px);width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000!important}h1{position:relative;font-family:title;font-size:clamp(40px,4.6vw,4.6vw);letter-spacing:8px}input{color:inherit;font-size:inherit}input:focus{outline:0}input[type=submit]{cursor:pointer}p{font-size:clamp(18px,.8vw,.8vw);line-height:28px}nav{z-index:9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;width:88vw;height:9vh;padding:12px;position:fixed;top:10px;left:6vw;background-color:rgb(from var(--bg-lighter) r g b/.5);box-shadow:0 0 10px #0002;outline:1px solid rgb(from var(--bg-lightest) r g b/.5);border-radius:10px;transition:.3s}nav.inactive{pointer-events:none;opacity:0;top:-10px}nav.scrolled{background-color:var(--bg-lighter)}nav.scrolled #user{background-color:var(--bg)}nav #nav_logo{height:80%;position:relative}nav #nav_logo img{height:100%;aspect-ratio:1}nav #nav_links{list-style:none;display:flex;gap:40px;position:absolute;right:50%;translate:50%}nav #nav_links li{position:relative;transition:.3s ease}nav #nav_links li:before{content:"";position:absolute;width:0;height:3px;left:100%;bottom:-5px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:.3s cubic-bezier(.82,.02,.13,1.7)}nav #nav_links li:hover,nav #nav_links li:has(a[aria-current=page]){background-image:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;text-shadow:none!important;color:transparent!important}nav #nav_links li:hover:before,nav #nav_links li:has(a[aria-current=page]):before{width:70%;left:15%}nav #nav_links li:hover a,nav #nav_links li:has(a[aria-current=page]) a{color:#0000}nav #user{cursor:pointer;display:flex;justify-content:center;align-items:center;height:100%;aspect-ratio:1;background-color:rgb(from var(--bg-lighter) r g b/.5);outline:1px solid rgb(from var(--text) r g b/.1);border-radius:inherit;transition:.2s}nav #user:hover{scale:1.1;background-color:var(--bg-lighter)}nav #user s-icon{height:45%;fill:var(--text-secondary)}#divider_footer{--color-bottom: var(--bg-lighter)}footer{display:flex;flex-direction:row;gap:100px;justify-content:center;position:relative;background-color:var(--bg-lighter)}footer .footer_column,footer .footer_row{display:flex}footer .footer_column{flex-direction:column;gap:15px}footer .footer_row{flex-direction:row;gap:50px}footer .align_center{align-items:center}footer h3{font-size:inherit}footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}footer ul.platforms{flex-direction:row}footer ul.platforms li{width:40px;padding:10px;background-color:var(--bg-lightest);outline:1px solid var(--text-tertiary);border-radius:10px}footer ul.platforms li s-icon{fill:var(--text)}footer #copyright{font-size:clamp(9px,.6vw,.6vw)}s-icon{display:grid;place-items:center;aspect-ratio:1!important;fill:#0000;stroke-width:2px}s-icon svg{width:100%;height:100%;vector-effect:non-scaling-stroke;transition:inherit}s-icon svg *{transition:inherit}s-svg{background-size:cover}s-svg svg{width:100%;height:100%}s-divider{--color-top: #0000;--color-bottom: #0000;contain:paint;display:flex;justify-content:center;align-items:center;width:100%;height:250px;position:relative}s-divider s-inside{rotate:-5deg;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--color-top)}s-divider s-inside:before{content:"";width:110%;height:200px;position:absolute;top:50%;background-color:var(--color-bottom)}s-divider s-inside span{z-index:1;opacity:.7;transform:skew(-5deg);position:absolute}s-divider s-inside span[color=primary]{background-color:var(--primary)}s-divider s-inside span[color=secondary]{background-color:var(--secondary)}s-divider s-inside span:nth-child(1){translate:0 -35%;width:150px;height:30px;left:10%}s-divider s-inside span:nth-child(2){translate:0 -35%;width:300px;height:30px;right:5%}s-divider s-inside span:nth-child(3){translate:0 35%;width:300px;height:30px;left:5%}s-divider s-inside span:nth-child(4){translate:0 35%;width:150px;height:30px;right:10%}
