@import"https://fonts.googleapis.com/css2?family=Courier+Prime&family=Lato:wght@100;400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Mono:wght@100&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10+Charted&display=swap";@import"https://fonts.googleapis.com/css2?family=Honk&family=Jersey+10+Charted&display=swap";@supports (-webkit-overflow-scrolling: touch){#root{background-attachment:scroll}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}button,a,[role=button],.chakra-popover__trigger,.chakra-popover__popper{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;outline:none!important}.chakra-popover__trigger:focus{box-shadow:none!important;outline:none!important}*/ body,html{margin:0;padding:0;height:100%;background-color:#0f0d15}#root{display:flex;flex-direction:column;min-height:100vh;font-family:Roboto Condensed,Lato,sans-serif!important;color:#fff;background-color:transparent;position:relative;z-index:1}section{width:100%;display:flex;align-items:center;justify-content:center}.containers{width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center}.cardWrapper{perspective:1000px;width:100%;width:260px;height:230px;z-index:10}.cardWrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(65deg,rgba(16,9,27,.8),transparent 50%);z-index:10}.cards{width:100%;height:100%;box-shadow:0 0 20px #0000001a;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;background-color:#50505013}.img-box{position:absolute;inset:0;filter:brightness(75%);display:flex;align-items:center;justify-content:flex-end}.cardWrapper:hover .img-box:before{opacity:1}.img-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(0,174,255),#000);z-index:10;opacity:0;transition:.5s}.img-box img{height:100%;width:100%;object-fit:cover}.cardWrapper *{pointer-events:none}.numb{font-weight:100;font-family:Courier Prime,Roboto Mono,monospace!important}.project-meta{top:20px;font-size:1.2rem;font-weight:700;height:160px;left:-100px;line-height:1.2;position:absolute;transform:translateZ(30px);width:145px;z-index:1000;transition:.5s;letter-spacing:2px}.divider{background-color:#fff;height:3px;margin:10px 1px 13px;width:100%}.contents{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;padding:20px;justify-content:flex-end;box-sizing:border-box}.cardWrapper:hover .project-meta{left:-145px;transition-delay:1s}.cardWrapper:hover .contents h2{transform:translateY(0);transition-delay:.4s}.contents h2{color:#fff;transition:.5s;text-transform:uppercase;margin-bottom:5px;transform:translateY(800px)}.contents p{color:#fff;transition:.5s;transform:translateY(800px)}@media only screen and (max-width: 992px){.timeline-container{width:100%!important}}@media only screen and (max-width: 1440px){.contents p{display:none}}@media only screen and (max-width: 1120px){.cardWrapper:hover .project-meta{display:none}.cardWrapper{width:300px;height:170px}.item:nth-child(5n) .cardWrapper{height:300px!important;width:150px!important}.item:nth-child(3n) .cardWrapper{height:300px!important;width:150px!important}.project-meta{font-size:.9rem}.contents h2{font-size:1.1rem}.contents p{font-size:.7rem}}@media only screen and (max-width: 768px){.cardWrapper{max-width:220px;height:130px}.project-meta{font-size:.8rem}.contents h2{font-size:1rem}.contents p{display:none;font-size:.5rem}.item:nth-child(5n) .cardWrapper{height:300px!important;width:150px!important}.item:nth-child(3n) .cardWrapper{height:300px!important;width:150px!important}}.timeline-container{display:flex;flex-direction:column;position:relative;margin-left:auto;width:80%}.timeline-item{margin-left:7rem;border:none}.item:nth-child(2n){margin-top:10rem!important}.item:nth-child(3n){margin-top:7rem!important}.item:nth-child(5n){margin-top:4rem!important}.item:nth-child(5n) .cardWrapper{height:350px;width:230px}.item:nth-child(3n) .cardWrapper{height:400px;width:250px}@media only screen and (max-width: 1023px){.timeline-container{margin-top:10%}.timeline-item-content{max-width:100%}}@media only screen and (max-width: 767px){.timeline-container{display:flex;flex-direction:column;justify-content:center;align-items:center;.intro{margin-left:0!important}}.timeline-container:after{display:none}.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{text-align:center;align-items:center}.timeline-item-content .tag{width:calc(100% - 10px);text-align:center}.timeline-item-content a{text-decoration:underline}.timeline-item-content a:after{display:none}}.timeline-container .intro{margin-left:23rem;z-index:15;.short{max-width:450px;margin-left:32rem}.info{max-width:450px}}@media only screen and (max-width: 1023px){.timeline-container .intro{margin-left:12rem;.short{max-width:450px;margin-left:0}}}@media only screen and (max-width: 767px){.timeline-container .intro{margin-left:7rem;.short{max-width:450px;margin-left:0}}}.shepherd-active{filter:brightness(50%)}.custom-class-name-1{filter:brightness(100%)!important;border-radius:15px;opacity:1!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);z-index:999999;color:#fff;min-height:200px;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.custom-class-name-2{filter:brightness(100%)!important;border-radius:15px;z-index:99999999!important;color:#fff;min-height:100px;max-width:800px;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.custom-class-name-3{filter:brightness(100%)!important;border-radius:15px;z-index:99999999!important;color:#fff;min-height:100px;max-width:500px;padding:10px 20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.card-guide{left:50%!important;border-radius:15px;opacity:1!important;background-image:linear-gradient(-180deg,#4a525d,#1a2839);z-index:999999;color:#fff;max-width:25rem;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080}@media only screen and (max-width: 1028px){.card-guide{left:3.5%!important;top:19%}}.highlighted-card-0{box-shadow:0 0 10px 5px #ffffffb3;position:relative;z-index:9999999!important;animation:blink-animation 1s infinite alternate}.highlighted-card-0-streak{border-radius:1rem;box-shadow:0 0 10px 5px #ffffffb3;position:relative;z-index:9999999!important;animation:blink-animation 1s infinite alternate}@keyframes blink-animation{0%{filter:brightness(1.2)}to{filter:brightness(1.8)}}.custom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:9999}.custom-overlay-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:999999}.shepherd-button-primary{box-shadow:0 0 10px 5px #ffffffb3}.step-1{filter:brightness(100%)!important;border-radius:15px;top:50%!important;left:50%!important;opacity:1!important;transform:translate(-50%,-50%);z-index:99999999!important;color:#fff;min-height:200px;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.step-2{border-radius:15px;opacity:1!important;background-image:linear-gradient(-180deg,#4a525d,#1a2839);z-index:999999;color:#fff;max-width:25rem;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080}.highlighted-article{box-shadow:0 0 10px 5px #ffffffb3;position:relative;animation:blink-animation-article 1s infinite alternate}@keyframes blink-animation-article{0%{filter:brightness(1.2)}to{filter:brightness(1.8)}}.highlighted-button-0{box-shadow:0 0 10px 5px #ffffffb3;position:relative;animation:blink-animation-button 1s infinite alternate}@keyframes blink-animation-button{0%{filter:brightness(1.2)}to{filter:brightness(1.8)}}.profile-info-step1{filter:brightness(100%)!important;border-radius:15px;left:50%!important;opacity:1!important;transform:translate(-50%,-50%);z-index:99999999!important;color:#fff;min-height:200px;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.profile-info-step2-and-ahead{filter:brightness(100%)!important;border-radius:15px;z-index:99999999!important;color:#fff;min-height:200px;max-width:400px;padding:20px;border:none;outline:none;box-shadow:0 0 20px #00000080;background-image:linear-gradient(-180deg,#4a525d,#1a2839)}.highlighted-card-1{box-shadow:0 0 10px 5px #ffffffb3;position:relative;z-index:999!important;animation:blink-animation-1 1s infinite alternate}@keyframes blink-animation-1{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.highlighted-card-2{box-shadow:10px 1px 10px 10px #2a9dd3;border:#000 solid 6px;position:relative;animation:blink-animation-2 2s infinite alternate}.highlighted-card-2:hover{box-shadow:none;box-shadow:10px 10px 10px 10px #2a9dd3;border:rgb(42,157,211) solid 6px;animation:none}@keyframes blink-animation-2{0%{filter:brightness(1)}30%{filter:brightness(1)}to{filter:brightness(3.5)}}@keyframes neonGlow{0%{box-shadow:0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00,0 0 #00b7ff00}50%{box-shadow:0 0 10px #00b7ff,0 0 20px #00b7ff,0 0 30px #00b7ff,0 0 50px #00b7ff,0 0 100px #00b7ff,0 0 120px #00b7ff,0 0 140px #00b7ff,0 0 200px #00b7ff}to{box-shadow:0 0 5px #00b7ff80,0 0 10px #00b7ff80,0 0 20px #00b7ff80,0 0 40px #00b7ff,0 0 80px #00b7ff,0 0 90px #00b7ff,0 0 100px #00b7ff,0 0 150px #00b7ff}}.highlighted-card-streak{background-color:#0a0a0a;color:#fff;padding:6px 2px;border-radius:10px;animation:neonGlow 2s infinite alternate;transition:box-shadow .3s ease-in-out}.highlighted-card-streak:hover{box-shadow:0 0 15px #00b7ff,0 0 30px #00b7ff,0 0 45px #00b7ff,0 0 60px #00b7ff,0 0 75px #00b7ff,0 0 90px #00b7ff,0 0 105px #00b7ff,0 0 120px #00b7ff}@keyframes blink-animation-3{0%{filter:brightness(1)}30%{filter:brightness(1)}to{filter:brightness(3.5)}}.hand-click-img-leaderboard{width:60px;height:60px;z-index:9999999;position:absolute;background-color:transparent;box-shadow:0 0 10px 5px #ffffffb3;border-radius:50%;opacity:1;top:110px;left:5px;display:inline-block;animation:moveHand 2s infinite}@keyframes moveHand{0%{transform:translate(-7px)}50%{transform:translate(5px)}to{transform:translate(-7px)}}.quin-boost-tracker-img{border-radius:10px;box-shadow:0 0 10px 5px #ffffffb3;transition:box-shadow .3s ease-in-out,transform .2s ease-in-out,filter .3s ease-in-out;cursor:pointer;animation:pulse 1.5s infinite;filter:brightness(200%)}.quin-boost-tracker-img:hover{box-shadow:0 0 15px #00f,0 0 30px #00fc,0 0 45px #00f9;filter:brightness(200%)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.title{text-align:center;margin-bottom:2rem}.title h2{text-transform:capitalize;font-weight:700;font-size:1.7rem;line-height:1.1}.shadow-text{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.smooth-animation{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-mode-container{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);overscroll-behavior:none;-webkit-overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overscroll-behavior-y:none;contain:layout style paint;transition:opacity .3s ease-out}.page-transition{position:absolute;inset:0;width:100%;height:100vh;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.smooth-scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(159,122,234,.8) rgba(255,255,255,.1)}.smooth-scroll-container::-webkit-scrollbar{width:6px;height:6px}.smooth-scroll-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.smooth-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(159,122,234,.8),rgba(214,158,46,.8));border-radius:3px;transition:background .3s ease}.smooth-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(159,122,234,1),rgba(214,158,46,1))}.optimized-backdrop{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0006;@supports not (backdrop-filter: blur(20px)){background-color:#000000b3}}.smooth-progress-bar{position:relative;height:2px;background:rgba(255,255,255,.15);border-radius:9999px;overflow:hidden;contain:layout style paint}.smooth-progress-fill{height:100%;background:linear-gradient(90deg,#9F7AEA,#D69E2E);border-radius:9999px;box-shadow:0 0 12px #9f7aea66;will-change:width;transform:translateZ(0);-webkit-transform:translateZ(0);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.touch-optimized{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.smooth-card{will-change:transform,box-shadow,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.smooth-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #00000026}.smooth-button{will-change:transform,background-color,box-shadow;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.smooth-button:hover{transform:translateY(-1px)}.smooth-button:active{transform:translateY(0) scale(.98)}.optimized-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.smooth-animation,.page-transition,.smooth-card,.smooth-button,.smooth-progress-fill{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-resolution: 120dpi){.smooth-animation,.page-transition{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}}@media (prefers-color-scheme: dark){.game-mode-container{background:linear-gradient(135deg,#0d1117 0%,#1c2328 100%)}}.gpu-accelerated{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);perspective:1000px;-webkit-perspective:1000px}.layout-optimized{contain:layout style paint}.composite-layer{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(20px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes smoothSlideUp{0%{transform:translateY(100vh) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes smoothScale{0%{transform:scale(.9) translateZ(0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}.fade-in-smooth{animation:smoothFadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:both}.slide-up-smooth{animation:smoothSlideUp .4s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:both}.scale-smooth{animation:smoothScale .3s cubic-bezier(.4,0,.2,1) forwards;animation-fill-mode:both}.animated-gradient{animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes starAnimate{0%{transform:translateY(-300%)}to{transform:translateY(300%)}}.scene i{position:absolute;z-index:-1;background:rgba(255,255,255,.5);animation:starAnimate linear infinite}.logoutButton{--figure-duration: .1s;--transform-figure: none;--walking-duration: .1s;--transform-arm1: none;--transform-wrist1: none;--transform-arm2: none;--transform-wrist2: none;--transform-leg1: none;--transform-calf1: none;--transform-leg2: none;--transform-calf2: none;background:none;border:0;color:#f4f7ff;cursor:pointer;display:block;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500;height:40px;outline:none;padding:0 0 0 20px;perspective:100px;position:relative;text-align:left;width:130px;-webkit-tap-highlight-color:transparent}.logoutButton:before{background-color:#1f2335;border-radius:5px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:none;transition:transform 50ms ease;width:100%;z-index:2}.logoutButton:hover .door{transform:rotateY(20deg)}.logoutButton:active:before{transform:scale(.96)}.logoutButton:active .door{transform:rotateY(28deg)}.logoutButton.clicked:before{transform:none}.logoutButton.clicked .door{transform:rotateY(35deg)}.logoutButton.door-slammed .door{transform:none;transition:transform .1s ease-in .25s}.logoutButton.falling{animation:shake .2s linear}.logoutButton.falling .bang{animation:flash .3s linear}.logoutButton.falling .figure{animation:spin 1s infinite linear;bottom:-1080px;opacity:0;right:1px;transition:transform calc(var(--figure-duration) * 1ms) linear,bottom calc(var(--figure-duration) * 1ms) cubic-bezier(.7,.1,1,1) .1s,opacity calc(var(--figure-duration) * .25ms) linear calc(var(--figure-duration) * .75ms);z-index:1}.logoutButton--light:before{background-color:#f4f7ff}.logoutButton--light .button-text{color:#1f2335}.logoutButton--light .door,.logoutButton--light .doorway{fill:#1f2335}.button-text{color:#f4f7ff;font-weight:500;position:relative;z-index:10}.svgClass{display:block;position:absolute}.figure{bottom:5px;fill:#4371f7;right:18px;transform:var(--transform-figure);transition:transform calc(var(--figure-duration) * 1ms) cubic-bezier(.2,.1,.8,.9);width:30px;z-index:4}.door,.doorway{bottom:4px;fill:#f4f7ff;right:12px;width:32px}.door{transform:rotateY(20deg);transform-origin:100% 50%;transform-style:preserve-3d;transition:transform .2s ease;z-index:5}.door path{fill:#4371f7;stroke:#4371f7;stroke-width:4}.doorway{z-index:3}.bang{opacity:0}.arm1,.wrist1,.arm2,.wrist2,.leg1,.calf1,.leg2,.calf2{transition:transform calc(var(--walking-duration) * 1ms) ease-in-out}.arm1{transform:var(--transform-arm1);transform-origin:52% 45%}.wrist1{transform:var(--transform-wrist1);transform-origin:59% 55%}.arm2{transform:var(--transform-arm2);transform-origin:47% 43%}.wrist2{transform:var(--transform-wrist2);transform-origin:35% 47%}.leg1{transform:var(--transform-leg1);transform-origin:47% 64.5%}.calf1{transform:var(--transform-calf1);transform-origin:55.5% 71.5%}.leg2{transform:var(--transform-leg2);transform-origin:43% 63%}.calf2{transform:var(--transform-calf2);transform-origin:41.5% 73%}@keyframes spin{0%{transform:rotate(0) scale(.94)}to{transform:rotate(359deg) scale(.94)}}@keyframes shake{0%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}to{transform:rotate(-1deg)}}@keyframes flash{0%{opacity:.4}to{opacity:0}}