@media (max-width: 1199px){nav .links{flex-direction:column;justify-content:center;gap:30px;width:400px;height:100vh;padding:60px;top:-10px;right:-6vw;translate:100%;background-image:linear-gradient(90deg,#1a233b,#0b1729);box-shadow:0 0 10px #0005;transition:.3s}nav .links a{padding:10px;border-radius:10px;text-align:center;font-size:clamp(20px,1vw,1vw);background-color:#1a233b}nav:has(#link-toggle:checked) .links{translate:0}nav .access #link-toggle{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:9;height:100%;aspect-ratio:1/1;position:relative;background-image:url(/imgs/icons/bars.svg);background-size:cover}nav .access #link-toggle:checked{background-image:url(/imgs/icons/x.svg)}}.folders{filter:drop-shadow(0 0 10px rgba(0,0,0,.3333333333));width:35vw;aspect-ratio:1/1;transition:.3s}.folders:has(.folder.active){z-index:10;width:100vw;height:100%;top:0;right:0}.folders .folder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;contain:paint;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;transition:.5s;--t: 0;--l: 0}.folders .folder:before{content:"";z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;background-size:cover}.folders .folder:hover{scale:1.05}.folders .folder:hover .content{opacity:.9}.folders .folder.active{cursor:auto;clip-path:none!important}.folders .folder.active:hover{scale:unset}.folders .folder.active:before{opacity:0}.folders .folder.active .content{pointer-events:all;opacity:1;top:0;left:0}.folders .folder.active .name{opacity:0}.folders .folder.active .back{opacity:1}.folders .folder.hidden{pointer-events:none;opacity:0}.folders .folder .name{z-index:1;cursor:pointer;pointer-events:none;position:absolute;font-size:14px;transition:.5s;transition-delay:1.2s}.folders .folder .name .point{display:inline-block;width:8px;aspect-ratio:1;margin-right:2px;margin-bottom:1px;background-color:#f0f8ff;border-radius:50%;animation:blink 2s steps(1) infinite}.folders .folder .square{position:absolute}.folders .folder .back{z-index:1;cursor:pointer;opacity:0;gap:10px;width:100px;height:20px;padding:19px;position:absolute;top:calc(9vh + 15px);left:15px;font-size:15px}.folders .folder .back s-icon{width:20px!important;fill:#000}.folders .folder .content{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;top:var(--t);left:var(--l);background:#1a233ba0;transition:opacity 1s}.folders .folder .content h3{width:max-content;position:absolute;text-shadow:0 0 10px rgba(0,0,0,.4666666667);font-family:lakeGoth;font-size:clamp(23px,2.5vw,2.5vw);transition:1.5s}.folders .folder.one{clip-path:url(#folder-1);--l: -65vw}.folders .folder.one:before{background-image:url(/imgs/clips/folders/folder-1.svg)}.folders .folder.one .name{top:2%;left:7%}.folders .folder.two{clip-path:url(#folder-2)}.folders .folder.two:before{background-image:url(/imgs/clips/folders/folder-2.svg)}.folders .folder.two .name{top:63%;left:14%}.folders .folder.three{clip-path:url(#folder-3)}.folders .folder.three:before{background-image:url(/imgs/clips/folders/folder-3.svg)}.folders .folder.three .name{top:2%;left:60%}.folders .folder.four{clip-path:url(#folder-4);--l: 19vw;--t: 18vw}.folders .folder.four:before{background-image:url(/imgs/clips/folders/folder-4.svg)}.folders .folder.four .name{top:64%;left:65%}.folders .folder.five{clip-path:url(#folder-5)}.folders .folder.five:before{background-image:url(/imgs/clips/folders/folder-5.svg)}.folders .folder.five .name{top:84%;left:36%}.folder.one h3{pointer-events:none;z-index:1;top:50%;left:5vw;translate:0 -50%}.folder.one.exploring h3{top:-50%}.folder.one .carousel{rotate:20deg;display:flex;justify-content:center;width:55vw;height:130%;position:absolute;left:49vw;transition:1s}.folder.one .carousel h4{height:max-content;padding:15px 25px;margin-top:20px;border-radius:10px;outline:1px solid rgba(255,255,255,.2);text-shadow:4px 4px #444;font-size:3vw}.folder.one .carousel .cards{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:5px;position:absolute}.folder.one .carousel .cards.i1{animation:carouselI1 20s linear infinite;animation-delay:-20s}.folder.one .carousel .cards.i2{top:100%;animation:carouselI2 20s linear infinite;animation-delay:-10s}.folder.one .carousel .cards .card{display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 15px #fff3;border-radius:5px;outline:1px solid rgba(255,255,255,.2);transition:.3s}.folder.one .carousel .cards .card:hover{box-shadow:inset 0 0 25px #00ffc890;outline:1px solid #00ffc890}.folder.one .carousel .cards .card:hover p{color:#00ffc8f0}.folder.one .carousel .cards .card p{color:#fff5;font-size:2vw;font-family:lakeGoth;transition:.3s}.folder.one.exploring .carousel{rotate:0deg;left:50%;translate:-50%}.folder.one .explore{padding:15px 25px;position:absolute;left:10vw;bottom:30vh;transition:.3s}.folder.one.exploring .explore{left:40px;bottom:40px}@keyframes carouselI1{0%{translate:0 100%}to{translate:0 -100%}}@keyframes carouselI2{0%{translate:0 0}to{translate:0 -200%}}.folder.four h3{top:12vh;left:50%;translate:-50%}.folder.four .sponsors{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:98vw;position:relative;top:25vh;margin:auto}.folder.four .sponsors .sponsor{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/.5;padding:10px;position:relative;background:#0b1729;outline:1px solid rgba(255,255,255,.2);border-radius:10px}.folder.four .sponsors .sponsor .banner img{width:100%;height:100%}.folder.four .sponsors .sponsor .logo{display:grid;place-items:center;width:18%;aspect-ratio:1;padding:7px;position:absolute;left:5%;bottom:0;translate:0 50%;background:#0b1729;outline:1px solid rgba(255,255,255,.2);border-radius:10px}.folder.four .sponsors .sponsor .logo img{width:100%;aspect-ratio:1}.folder.four .sponsors .sponsor button{width:40%;padding:14px;position:absolute;right:5%;bottom:-23px;font-weight:700}nav{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;width:88vw;height:9vh;padding:20px;position:fixed;left:6vw;top:10px;background-color:#1a233b80;box-shadow:0 2px 10px #0005,0 -2px 10px #fff1;border-radius:10px;transition:.5s}nav .logo{display:flex;gap:10px;justify-content:center;align-items:center;font-size:16px;font-weight:500;letter-spacing:1px}nav .logo img{width:27px;aspect-ratio:1}nav .links{display:flex;gap:40px;position:absolute;right:50%;translate:50%}nav .links a{position:relative;transition:.3s ease}nav .links a:before{content:"";position:absolute;width:0;height:3px;left:100%;bottom:-5px;background:linear-gradient(-45deg,#00ffc8,#ff01ff);border-radius:4px;transition:.3s cubic-bezier(.82,.02,.13,1.6)}nav .links a:hover:before,nav .links a[aria-current=page]:before{width:70%;left:15%}nav .links a:hover,nav .links a[aria-current=page]{color:#00ffc8}nav .access{display:flex;align-items:center;gap:15px;height:100%}nav .access .user{cursor:pointer;display:flex;gap:25px;align-items:center;height:150%}nav .access .user .username{font-size:17px}nav .access .user .pfp{overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:1;outline:2px solid #00ffc8;border-radius:50%;transition:.1s}nav .access .user .pfp:hover{outline-offset:3px}nav .access .user .pfp s-icon{height:110%;fill:#fffa}nav .access .user .user-options{transform-origin:top;scale:1 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px;align-items:center;width:200px;padding:30px;position:absolute;top:calc(9vh + 10px);right:0;background-color:#1a233b80;box-shadow:0 2px 10px #0005,0 -2px 10px #fff1;border-radius:10px;transition:.4s}nav .access .user .user-options a{width:100%}nav .access .user .user-options button{width:100%;padding:10px}nav .access .user.active .user-options{scale:1}nav .access .log{display:flex;justify-content:center;align-items:center;padding:12px;background:linear-gradient(45deg,#00ffc8,#a2b7ff);border-radius:10px;color:#1a233b;font-size:14px;font-weight:600;transition:.2s}nav .access .log:hover{translate:0 3px;outline-width:4px}nav .access #link-toggle{display:none}@media (max-width: 1199px){nav .links{flex-direction:column;justify-content:center;gap:30px;width:400px;height:100vh;padding:60px;top:-10px;right:-6vw;translate:100%;background-image:linear-gradient(90deg,#1a233b,#0b1729);box-shadow:0 0 10px #0005;transition:.3s}nav .links a{padding:10px;border-radius:10px;text-align:center;font-size:clamp(20px,1vw,1vw);background-color:#1a233b}nav:has(#link-toggle:checked) .links{translate:0}nav .access #link-toggle{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:9;height:100%;aspect-ratio:1/1;position:relative;background-image:url(/imgs/icons/bars.svg);background-size:cover}nav .access #link-toggle:checked{background-image:url(/imgs/icons/x.svg)}}@media (max-width: 600px){nav{width:95vw;left:2.5vw}nav .links{width:100vw;right:-2.5vw}nav .access .log{display:none}}#section_hero{display:flex;flex-direction:row;gap:3vw;margin-top:calc(10px + 14vh)}#section_hero .title{z-index:0;display:flex;flex-direction:column;gap:25px;justify-content:center}#section_hero .title h1{z-index:0;width:fit-content;position:relative;font-family:jts_tech;font-size:clamp(40px,4vw,4vw);letter-spacing:5px;line-height:50px}#section_hero .title h1:after{content:attr(text);filter:blur(20px);width:100%;height:100%;position:absolute;left:0;background-image:linear-gradient(45deg,#00ffc8,#ff01ff);-webkit-background-clip:text;background-clip:text;color:#0000!important}#section_hero .title #by{z-index:1;color:#f0f8ff;font-family:robotoMono;font-size:clamp(22px,1.6vw,1.6vw);font-weight:600}#section_hero .title #by span{color:#00ffc8}#section_hero .title h2{z-index:1;width:50vw;margin-top:20px;line-height:30px;color:#b2becd;text-shadow:0 0 10px rgba(0,0,0,.3333333333);font-size:clamp(16px,1.1vw,1.1vw);font-weight:400}#section_hero s-svg[svg=blob]{z-index:-1;width:80vw;aspect-ratio:1;position:absolute;top:25%;right:0;translate:60% -50%}@media (max-width: 800px){#section_hero{flex-direction:column;align-items:center}#section_hero .title{align-items:center;width:100%;top:19vh;text-align:center}#section_hero .title #by{width:100%}#section_hero .title h2{width:90%}#section_hero .folders{display:none}#section_hero s-svg[svg=blob]{opacity:.5;width:150%;top:0}}#section_first{display:flex;flex-direction:column;gap:50px;align-items:center;margin-bottom:40px}#section_first h3{position:relative;font-family:lakeGoth;font-size:clamp(22px,2.2vw,2.2vw)}#section_first .partners{filter:drop-shadow(0 0 10px rgba(0,0,0,.2));display:flex;flex-wrap:wrap;justify-content:center;gap:50px}#section_first .partners .partner{clip-path:url(#partner);width:clamp(250px,20vw,20vw);aspect-ratio:1/1;position:relative;background-color:#1a233bd0;background-image:url(/imgs/clips/partner/partner.svg);background-size:cover}#section_first .partners .partner .banner,#section_first .partners .partner .name{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;background-color:#232d4ad0}#section_first .partners .partner .banner{clip-path:url(#partner-banner);align-items:start;padding-top:15%;background-image:url(/imgs/clips/partner/partner-banner.svg);background-size:cover}#section_first .partners .partner .banner.test{padding-top:-10%}#section_first .partners .partner .banner.test img{width:75%;margin-top:-27%}#section_first .partners .partner .banner img{width:85%}#section_first .partners .partner .rank{transform:translateZ(30px);position:absolute;top:60%;right:10%;font-size:25px;font-weight:900;letter-spacing:1px}#section_first .partners .partner .rank[rank=platinum]{text-shadow:0 0 10px rgba(229,228,226,.5647058824);color:#e5e4e2}#section_first .partners .partner .rank[rank=gold]{text-shadow:0 0 10px rgba(255,215,0,.5647058824);color:gold}#section_first .partners .partner .name{transform:translateZ(30px);clip-path:url(#partner-name);align-items:end;padding-bottom:9%;background-image:url(/imgs/clips/partner/partner-name.svg);background-size:cover;text-shadow:0 0 10px rgba(0,0,0,.3333333333);font-family:lakeGoth;font-size:clamp(18px,1vw,1vw)}
