*{box-sizing:border-box}html,body,#root,.scroll{width:100%;height:100dvh;margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;background-color:#000;font-family:Urbanist,sans-serif;font-optical-sizing:auto;font-weight:400;-webkit-font-smoothing:antialiased;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:#005eff;transition:color .2s ease-in-out}a:hover{color:#00c6fb}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.custom-alert-box{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease}.custom-alert-boxer{margin-top:70px;max-width:95%;width:380px;background:linear-gradient(to right,#0a0f1b,#101c2c);color:#e0e0ff;font-weight:500;padding:10px 26px 30px;border-radius:7px;border:1px solid #00f0ff;box-shadow:0 0 25px #00eeff4d;text-align:center;animation:dropBounce .7s ease-in-out forwards}.custom-alert-message{font-size:16px;line-height:1.7;margin-bottom:10px}#custom-alert-overlay .custom-alert-btn{border:none;color:#000;cursor:pointer;font-weight:600;font-size:1rem;width:max-content;border-radius:4px;line-height:1em;padding:10px 15px;background-color:#fff;will-change:opacity,transform,filter;box-shadow:0 0 #0a0f1b inset,0 0 #e0e0ff inset,-0em 0 #0a0f1b inset,0 0 10px #e0e0ff;transition:border-radius .1s ease-in,transform .5s ease-in,box-shadow .3s ease-in-out,background-color .3s ease-in-out,color .4s ease-in-out}#custom-alert-overlay .custom-alert-btn:hover{background-color:#f0f0f0;color:#fff;border-radius:10px;box-shadow:0 0 0 .1em #fff inset,0 0 0 1.5em #101c2c inset,-.3em .5em #fff inset,0 .2em #101c2c}@keyframes dropBounce{0%{transform:translateY(-125%) scaleX(.1) scaleY(.4);opacity:0}33%{transform:translateY(30%) scaleX(1.2) scaleY(.7);opacity:1}66%{transform:scaleX(.9)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.scroll{position:absolute;top:0;left:0;overflow-y:auto;scroll-snap-type:y proximity}.scroll>div{scroll-snap-align:start}.shimmer{overflow:hidden;background:linear-gradient(-45deg,#ffffff0d 25%,#ffffff0d 40%,#fff6,#ffffff0d 60%,#ffffff0d 75%);background-size:200% 100%;animation:shimmer-animation 5s infinite alternate-reverse ease-in-out}@keyframes shimmer-animation{0%{background-position:-200% 0}to{background-position:200% 0}}.main-scene-container{opacity:0;transition:opacity .7s ease-in-out;position:absolute;top:0;left:0;height:100vh;width:100vw;pointer-events:none;background-color:#000}.main-scene-container.visibler{opacity:1;pointer-events:all}.indicatorBox{position:fixed;left:2%;bottom:2%}.mouser{width:30px;border-radius:16px;background-color:#fff;box-shadow:0 0 15px #fff}.toucher{width:32px;padding:5px;border-radius:5px;background-color:#fff;box-shadow:0 0 15px #fff}.exx{width:35px;height:35px;padding:5px;border:none;outline:none;cursor:pointer;overflow:hidden;position:relative;border-radius:8px;background-color:#fff;will-change:filter,transform;transition:filter .3s ease-in-out,transform .3s ease-in-out}.exx img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out;will-change:transform,opacity}.iconeron{transform:translateY(0) scale(2);opacity:0}.isfullScreen{transform:translateY(0) scale(.85);opacity:1}@media (hover: hover) and (pointer: fine){.exx:hover .isfullScreen{transform:translateY(0) scale(.55);filter:drop-shadow(0px 0px 5px black)}}.bottomBox{display:flex;gap:10px;position:fixed;right:25px;bottom:12px;align-items:center;flex-direction:column}.batteryBox{z-index:9900}.socialBox{width:35px;height:35px;padding:5px;border:none;outline:none;cursor:pointer;overflow:hidden;border-radius:8px;background-color:#fff;will-change:filter,transform;transition:filter .3s ease-in-out,transform .3s ease-in-out}.socialBox:nth-child(2){padding:5px 6px 6px}.socialBox img{width:100%;height:100%;pointer-events:none;will-change:transform;transition:transform .1s ease-in-out}@media (hover: hover) and (pointer: fine){.socialBox:hover,.exx:hover{filter:invert();transform:scale(1.2)}.socialBox:hover img{transform:scale(.7);filter:drop-shadow(0px 0px 5px black)}}.socialBox:active,.exx:active{transform:scale(.9)}.water-wave-top{position:relative;top:50%;left:50%;width:12px;height:7px;color:#fff;background-color:#fff;border:2px solid black;transform:translate(-50%,20%)}.water-round-container{width:35px;height:55px;overflow:hidden;position:relative;border-radius:7px;border:2px solid black;background-color:#fff;animation:water-waves linear infinite}.water-percent{position:absolute;top:50%;left:50%;z-index:2;color:#000;font-size:.8em;font-weight:700;transform:translate(-50%,-50%)}.water-wave1{position:absolute;top:40%;left:-25%;width:200%;height:120%;opacity:.7;border-radius:35%;animation:inherit;background:#33cfff;animation-duration:5s}.water-wave2{position:absolute;top:45%;left:-35%;width:200%;height:120%;opacity:.5;animation:inherit;border-radius:30%;background:#0eaffe;animation-duration:7s}.water-wave3{position:absolute;top:50%;left:-35%;width:200%;height:120%;opacity:.3;animation:inherit;border-radius:25%;background:#0f7ae4;animation-duration:11s}@keyframes water-waves{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 767px) and (orientation: portrait){.main-scene-container{transition:opacity 1.5s ease-in-out}.bottomBox{gap:8px;right:5px;bottom:5px}.socialBox,.exx{width:30px;height:30px;padding:4px}.water-percent{font-size:.7em}.socialBox:nth-child(2){padding:5px}.water-round-container{width:30px;height:50px}}@media only screen and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.bottomBox{gap:8px;right:5px;bottom:5px}.socialBox:nth-child(2){padding:5px}.socialBox,.exx{width:30px;height:30px;padding:4px}.water-round-container{width:30px;height:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 501px){.bottomBox{gap:12px;right:12px;bottom:12px}.socialBox,.exx{width:40px;height:40px;padding:4px}.socialBox:nth-child(2){padding:5px}.water-round-container{width:40px;height:55px}}.hai-overlay{position:fixed;top:0;left:0;opacity:0;width:100%;height:100dvh;z-index:9999;display:flex;align-items:flex-end;justify-content:flex-start;background-color:#000c;will-change:opacity;transition:opacity .4s ease-in-out}.hai-fade-in{opacity:1}.hai-fade-out{opacity:0;pointer-events:none}.hai-close-btn{position:absolute;left:22vw;bottom:1.5vw;font-size:1.1rem;cursor:pointer;font-weight:700;border-radius:6px;padding:.8rem 1.2rem;font-family:monospace;border:1px solid green;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#baffae;background-color:#1eff0020;transition:background-color .3s ease-in-out,transform .2s ease-in-out,padding .2s ease-in-out,font-size .2s ease-in-out,bottom .2s ease-in-out}.hai-close-btn:active{transform:scale(.9)}.hai-close-btn:hover{bottom:1rem;font-size:1.3rem;padding:.5rem 1rem;background-color:#ffffff40}.hai-instruction-img,.hai-hey-img{width:20vw;height:auto;animation-duration:.7s;animation-fill-mode:both;animation-timing-function:ease-in-out}.hai-instruction-img{transform:rotate(20deg) translateY(10%) translate(0);filter:drop-shadow(0 0 7px white)}.hai-hey-img{transform:rotate(10deg) translateY(-80%) translate(-55%)}.hai-hey-img-enter{animation-name:hai-hey-jump-in}@keyframes hai-hey-jump-in{0%{transform:rotate(25deg) translateY(85%) translate(-115%) scaleX(.5);opacity:.5}33%{transform:rotate(10deg) translateY(-100%) translate(-55%) scaleX(1.5) scaleY(.5);opacity:1}66%{transform:rotate(20deg) translateY(-48%) translate(-70%) scaleX(.7) scaleY(1.5);opacity:1}to{transform:rotate(10deg) translateY(-80%) translate(-55%) scaleY(1) scaleX(1)}}.hai-hey-img-exit{animation-name:hai-hey-jump-out}@keyframes hai-hey-jump-out{to{transform:rotate(20deg) translateY(70%) translate(-100%) scaleX(.5);opacity:0}66%{transform:rotate(10deg) translateY(-100%) translate(-55%) scaleX(1.5) scaleY(.5);opacity:1}33%{transform:rotate(20deg) translateY(-48%) translate(-70%) scaleX(.7) scaleY(1.5);opacity:1}0%{transform:rotate(10deg) translateY(-80%) translate(-55%) scaleY(1) scaleX(1)}}.hai-img-enter{animation-name:hai-jump-in}@keyframes hai-jump-in{0%{transform:rotate(50deg) translate(30%) translateY(100%) scale(.5);opacity:0}50%{transform:rotate(20deg) translate(3%) translateY(3%) scale(1.05);opacity:1}to{transform:rotate(20deg) translate(0) translateY(10%)}}.hai-img-exit{animation-name:hai-jump-out}@keyframes hai-jump-out{0%{transform:rotate(20deg) translate(0) translateY(10%);opacity:1}to{transform:rotate(50deg) translate(30%) translateY(100%);opacity:0}}.hai-countdown{position:absolute;top:1rem;right:2rem;font-size:1.2rem;font-weight:700;border-radius:6px;font-family:monospace;padding:.4rem .8rem;color:red;border:1px solid red;background:#ff00001a}@media only screen and (max-width: 767px) and (orientation: portrait){.hai-instruction-img,.hai-hey-img{width:190px}.hai-close-btn{left:unset;right:10px;bottom:10px;font-size:1rem;padding:.5rem 1rem}.hai-countdown{top:10px;right:10px;font-size:1rem}.hai-close-btn:hover{bottom:10px;font-size:1.3rem;padding:.3rem .7rem}}@media only screen and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.hai-instruction-img,.hai-hey-img{width:50vh}.hai-close-btn{left:unset;right:10px;bottom:10px;font-size:1rem;padding:.5rem 1rem}.hai-close-btn:hover{bottom:10px;font-size:1.3rem;padding:.3rem .7rem}.hai-countdown{font-size:1rem}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 501px) and (orientation: portrait){.hai-instruction-img{width:30vh}.hai-hey-img{width:32vh}.hai-close-btn{left:unset;right:20px;bottom:20px;font-size:1.8rem}.hai-countdown{top:20px;right:20px;font-size:1.8rem}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 501px) and (orientation: landscape){.hai-instruction-img,.hai-hey-img{width:32vh}.hai-close-btn{left:unset;right:20px;bottom:20px;font-size:1.35rem}.hai-countdown{top:20px;right:20px;font-size:1.35rem}}@media only screen and (min-width: 1025px) and (max-width: 1240px) and (orientation: landscape){.hai-close-btn,.hai-countdown{font-size:1.35rem}}@media only screen and (min-width: 1241px) and (max-width: 1440px){.hai-instruction-img,.hai-hey-img{width:30vh}.hai-close-btn{font-size:1.75rem}.hai-countdown{font-size:1.5rem}}.overlayer{position:fixed;top:0;right:0;bottom:0;left:0;width:45vw;height:100vh;z-index:10;opacity:0;pointer-events:none}.overlayer.visible{opacity:1}.overlayer.overlayerFadeInFromLeft{width:100vw;background:linear-gradient(to right,rgba(0,0,0,.6),transparent 50%);animation:overlayerFadeInToAll .4s ease forwards}.overlayer.overlayerFadeInToRightIn{width:100vw;background:linear-gradient(to left,rgba(0,0,0,.6),transparent 50%);animation:overlayerFadeInToAll .4s ease forwards}.overlayer.overlayerFadeInToTopIn{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 20%,transparent 35%,transparent 100%);animation:overlayerFadeInToAll .4s ease forwards}@keyframes overlayerFadeInToAll{0%{opacity:0}to{opacity:1}}.overlayer.overlayerFadeOutToLeftExit{background:linear-gradient(to right,rgba(0,0,0,.6),transparent 50%);animation:overlayerFadeOutToAll .8s ease forwards}.overlayer.overlayerFadeOutToTopExit{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 10%,transparent 30%,transparent 100%);animation:overlayerFadeOutToAll .8s ease forwards}.overlayer.overlayerFadeOutToRightExit{width:100vw;background:linear-gradient(to left,rgba(0,0,0,.6),transparent 50%);animation:overlayerFadeOutToAll .8s ease forwards}@keyframes overlayerFadeOutToAll{0%{opacity:1}to{opacity:0}}.card-container a,.card-container button,.card-container .card-logo{pointer-events:auto;touch-action:manipulation}.card-container{position:fixed;top:25%;left:5%;opacity:0;z-index:20;width:380px;bottom:unset;color:#fff;overflow:hidden;border-radius:20px;pointer-events:none;touch-action:none;-webkit-touch-callout:none;border:2px solid #fff;transition:all .4s ease;transform:translate(-100%) translateY(-50%);background:linear-gradient(130.4deg,#001c59 10.82%,#0041cf 89.03%);box-shadow:0 0 15px #fffc}.card-container.visible{opacity:1;transform:translate(0) translate(0)}.card-container.bounce-in{animation:bounceInLeft .7s ease-in-out forwards}.card-container.exit{animation:fadeOutLeft .4s ease forwards}@keyframes bounceInLeft{0%{transform:translate(-200px) translateY(-50%) scaleY(.5) scaleX(1);opacity:0}33%{transform:translate(20px) translateY(0) scaleY(1) scaleX(1.1);opacity:1}66%{transform:translate(-10px) scaleX(.9)}to{transform:translate(0) scaleX(1)}}.card-container.bounce-in-bottom{animation:bounceInBottom .7s ease-in-out forwards}@keyframes bounceInBottom{0%{transform:translateY(150px) scaleX(.5) scaleY(1);opacity:0}33%{transform:translateY(0) scaleX(1) scaleY(1.1);opacity:1}66%{transform:scaleY(.9)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.card-container.fade-out-bottom{animation:fadeOutBottom .5s ease}@keyframes fadeOutBottom{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(0) translateY(120%) scaleX(.1)}}.card-container.bounce-in-right{animation:bounceInRight .7s ease-in-out forwards}.card-container.fade-out-right{animation:fadeOutRight .5s ease}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(-100%) translateY(-50%) scale(.2)}}@keyframes bounceInRight{0%{transform:translate(250px) translateY(-55%) scaleY(.2) scaleX(.5);opacity:0}33%{transform:translate(-20px) translateY(0) scaleY(1) scaleX(1.1);opacity:1}66%{transform:translate(10px) scaleX(.9)}to{transform:translate(0) scaleX(1)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(150%) translateY(25%) scale(.1)}}.card-top{margin:10px;border-radius:10px;color:#000;background:#ece9e6;background:-webkit-linear-gradient(to top,#ffffff,#ece9e6);background:linear-gradient(to top,#fff,#ece9e6);position:relative;padding:0 10px 10px}.highlight{color:#1e90ff}.card-border{height:40.5px;width:110px;transform:skew(-35deg);background:linear-gradient(130.4deg,#001e5a 10.82%,#002981 89.03%);box-shadow:-50px -3px #001c59;border-bottom-right-radius:10px;position:relative}.card-border:before{content:"";position:absolute;top:0;right:-40px;width:40px;height:5px;border-top-left-radius:10px;box-shadow:-2px -2px 0 1px #002a85;filter:drop-shadow(-40px 2px 1px #002470)}.card-top:before{content:"";position:absolute;top:40px;left:0;width:25px;height:45px;border-top-left-radius:15px;box-shadow:-5px -15px 0 -1px #001c59}.card-title a{color:inherit;text-decoration:none}.resumerDownload{position:fixed;margin-left:5px;border-radius:5px;color:#fff;background:radial-gradient(92.86% 92.86% at 50% 50%,#ff8718 27.88%,red);transform:scale(1.001);box-shadow:0 0 8px #fdc440;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.resumerDownloadtheone{background:linear-gradient(97.83deg,#0095ff 24.54%,#0df 91.16%);box-shadow:0 0 8px #1affdd}.resumerDownload-links-flex{display:flex;padding:2px 9px;align-items:center;justify-content:center}.resumerDownload-a{display:flex;color:inherit;text-decoration:none}@media (hover: hover) and (pointer: fine){.resumerDownload:hover{transform:scale(1.1);box-shadow:0 0 0 2px #000}.resumerDownload:hover .resumerDownload-a{color:#fff}}.card-title{position:absolute;top:-2px;left:0;color:#fff;background:linear-gradient(97.83deg,#0095ff 24.54%,#0df 91.16%);box-shadow:0 0 12px #3effc2;border-radius:999px;transform:scale(1.001);overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-title-padding{padding:5px 5px 5px 10px}@media (hover: hover) and (pointer: fine){.card-title:hover{transform:scale(1.1);box-shadow:0 0 0 2px #fff}.card-logo:hover{box-shadow:0 0 0 2px #fff}}.card-title-content{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}.card-logo{width:25px;height:25px;border-radius:50%;position:relative;object-fit:contain;background-color:#fff;border:1px solid white;box-shadow:0 0 #fff;transition:box-shadow .2s ease-in-out}.card-links{position:absolute;top:5px;right:10px;border-radius:999px;background:radial-gradient(92.86% 92.86% at 50% 50%,#ff8718 27.88%,red);box-shadow:0 0 8px #fde340}.card-links-flex{display:flex;gap:8px;padding:4px;align-items:center;justify-content:center}.card-links a{display:flex}.card-description p{font-size:.9rem;line-height:1.4;font-weight:500;margin-top:10px}.card-bottom{padding:0 15px 5px}.card-row{display:flex;justify-content:space-between}.card-item{flex:1;padding:0 5px 5px;text-align:center}.card-big{font-size:13px;font-weight:600}.card-small{font-size:10px}.card-item:nth-child(2){border-left:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2)}@media only screen and (max-width: 380px){.card-title-content{font-size:.85rem!important}.card-description p{font-size:.8rem!important}.card-big{font-size:11px!important}.card-small{font-size:9px!important}}@media only screen and (max-width: 767px) and (orientation: portrait){.card-container{margin:auto!important;left:0!important;right:0!important;top:unset!important;width:90vw!important;bottom:5%!important}.card-container.bounce-in-bottom,.card-container.bounce-in,.card-container.bounce-in-right{animation:bounceInBottom .7s ease-in-out forwards}.card-container.fade-out-bottom,.card-container.fade-out-right,.card-container.exit{animation:fadeOutBottom .4s ease}.overlayer.overlayerFadeInToTopIn,.overlayer.overlayerFadeInFromLeft,.overlayer.overlayerFadeInToRightIn{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.8) 20%,rgba(0,0,0,.7) 30%,transparent 60%,transparent 100%)}.overlayer.overlayerFadeOutToTopExit,.overlayer.overlayerFadeOutToLeftExit,.overlayer.overlayerFadeOutToRightExit{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,transparent 60%,transparent 100%)}.card-title-content{font-size:1rem;gap:5px}.card-top{padding:0 7px 5px}.card-description p{font-size:.9rem;margin:7px 0}.card-big{font-size:12px}.card-small{font-size:9px}}@media only screen and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.card-container{left:2%!important;right:0!important;top:unset!important;width:45vw!important;bottom:5%!important}#RESUME{min-width:280px;width:33vw!important}.card-container.bounce-in-bottom,.card-container.bounce-in,.card-container.bounce-in-right{animation:bounceInLeft .7s ease-in-out forwards}.card-container.fade-out-bottom,.card-container.fade-out-right,.card-container.exit{animation:fadeOutLeftMobileLandscape .4s ease}@keyframes fadeOutLeftMobileLandscape{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(-75%) translateY(-50%) scale(0)}}.overlayer.overlayerFadeInToTopIn,.overlayer.overlayerFadeInFromLeft,.overlayer.overlayerFadeInToRightIn{background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.2) 40%,transparent 50%,transparent 100%)}.overlayer.overlayerFadeOutToTopExit,.overlayer.overlayerFadeOutToLeftExit,.overlayer.overlayerFadeOutToRightExit{background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 30%,transparent 40%,transparent 100%)}.card-border{height:32.5px;max-width:200px}.card-top:before{top:32.5px}.card-top{margin:7px;padding:0 7px 5px}.card-title-content{font-size:.8rem;gap:5px}.card-logo{width:20.5px!important;height:20.5px!important}.card-description p{font-size:.75rem;margin:7px 0}.card-big{font-size:10px}.card-small{font-size:8px}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 501px) and (orientation: portrait){.card-container{margin:auto!important;left:0!important;right:0!important;top:unset!important;width:65vw!important;bottom:5%!important}.card-container.bounce-in-bottom,.card-container.bounce-in,.card-container.bounce-in-right{animation:bounceInBottom .7s ease-in-out forwards}.card-container.fade-out-bottom,.card-container.fade-out-right,.card-container.exit{animation:fadeOutBottom .5s ease}.overlayer.overlayerFadeInToTopIn,.overlayer.overlayerFadeInFromLeft,.overlayer.overlayerFadeInToRightIn{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 20%,rgba(0,0,0,.5) 30%,transparent 50%,transparent 100%)}.overlayer.overlayerFadeOutToTopExit,.overlayer.overlayerFadeOutToLeftExit,.overlayer.overlayerFadeOutToRightExit{width:100vw;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,transparent 40%,transparent 100%)}.card-title-content{font-size:1.2rem;gap:5px}.card-border{height:50px;min-width:285px}.card-top:before{top:50px}.card-top{margin:12px}.card-logo{width:35px;height:35px}.card-description p{font-size:1.05rem}.card-big{font-size:1rem}.card-small{font-size:.75rem}}@media only screen and (min-width: 1024px) and (max-width: 1240px) and (orientation: portrait){.card-title-content{font-size:1.75rem;gap:10px}.card-logo{width:45px;height:45px}.card-border{height:60px;min-width:400px}.card-border:before{box-shadow:-35px -2px 0 1px #002a85}.card-top:before{top:60px}.card-top{margin:15px}.card-description p{font-size:1.65rem}.card-big{font-size:1.6rem}.card-small{font-size:1.25rem}}@media only screen and (min-width: 1024px) and (max-width: 1367px) and (orientation: landscape){.card-container{min-width:435px}#RESUME{min-width:350px;left:3%!important;top:unset!important;bottom:6%!important}.card-border{height:40px;min-width:70%}.card-border:before{box-shadow:-35px -2px 0 1px #002a85}.card-top:before{top:40px}.card-title-content{font-size:1rem;gap:10px}.card-logo{width:27px;height:27px}.card-description p{font-size:.95rem}.card-big{font-size:.9rem}.card-small{font-size:.7rem}}.pfBoxWrapper{border-radius:6px;border:2px solid #10b981;background-color:#f0fdf4;overflow:hidden;position:fixed;right:2%;top:2%;padding:3px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .3s ease,border-color .3s ease,max-width .8s ease,background-color .4s ease;min-width:60px}@media (hover: hover) and (pointer: fine){.pfBoxWrapper:not(.expanded):hover{transform:scale(1.1);border-color:#00ffa2}.pfBoxWrapper.expanded:hover{border-color:#0fc;background-color:#fff}.pfBoxWrapper:hover .pfDetails{background-color:#d3fcd7}.pfBoxWrapper:hover .pfSystemInfoGroup{background-color:#00f2ff33}}.arrow{display:inline-block;margin-left:4px;transition:transform .3s ease;font-size:12px}.arrow.rotate{transform:rotate(180deg)}.pfDetailsWrapper{max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .6s ease;width:100%;opacity:0}.pfDetailsWrapper.open{max-height:500px;opacity:1}.pfBox{width:100%;border-radius:3px;height:16px;background-color:#d1fae5;position:relative;overflow:hidden}.pfFill{height:100%;transform-origin:left center;transform:scaleX(0);transition:transform .4s ease-in-out,background-color .3s ease;position:absolute;top:0;left:0;width:100%;z-index:1;border-radius:3px}.pfText{position:relative;z-index:2;font-size:11px;color:#064e3b;font-weight:700;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:color .3s ease-in-out,background-color .3s ease}.pfLabel{font-size:9.5px;color:#065f46;text-align:center;z-index:3;line-height:1.1;font-weight:600;margin-top:2px;-webkit-user-select:none;user-select:none}.pfDetails{font-size:11px;color:#064e3b;text-align:left;margin-top:4px;background-color:#c2ffc8;padding:4px 6px;border-radius:4px;transition:background-color .3s ease-in-out;width:100%}.pfDetails>div{display:flex;margin-top:4px;gap:8px;align-items:center;justify-content:space-between}.pfSystemInfoGroup{margin-top:6px;padding:5px;border-radius:6px;background-color:#00f2ff4d;display:flex;flex-direction:column;transition:background-color .3s ease-in-out}.pfSystemInfoGroup>div{display:flex;gap:8px;width:100%;align-items:center;justify-content:space-between}.pfSystemInfoGroup strong{color:#006789}.badge{border-radius:4px;padding:2px 6px;font-weight:700;min-width:37px;text-align:center;font-size:10px;color:#fff;border:1px solid transparent}.badge.green{background-color:#1dc55b;border-color:#15803d}.badge.yellow{color:#8c5202;background-color:#facc15;border-color:#a16207}.badge.red{background-color:#f00f0f;border-color:#b00000}.badge.blue{background-color:#2ca7ff;border-color:#0084ff}.svg-loader-container{margin:0;padding:0;opacity:1;width:100vw;height:100dvh;display:flex;overflow:hidden;position:relative;pointer-events:all;align-items:center;background:#000;justify-content:center;transition:height .25s ease}.fade-out{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.svg-loader-container.hidden{opacity:0;pointer-events:none}svg line,svg path.base{fill:none;stroke-width:1.25;stroke:#52565b;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2s cubic-bezier(.7,.2,.5,1) forwards}.circle{will-change:filter,opacity}path.circle{fill:none;stroke:#fff;stroke-width:1.25;stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw 2.5s cubic-bezier(.7,.2,.5,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}path.circle.glow{stroke-dasharray:1500;stroke-dashoffset:0;mix-blend-mode:screen;-webkit-filter:drop-shadow(0 0 4px white) drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 32px white);filter:drop-shadow(0 0 4px white) drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 32px white);transition:filter 1.5s ease-in-out}.svg-wrapper{width:65vw;height:65vh;position:absolute;transition:opacity 2s ease;will-change:opacity,transform,filter}.svg-wrapper svg{width:100%;height:100%;will-change:opacity,transform,filter}.hidden{opacity:0;pointer-events:none;transition:opacity 2s ease}.glow-once{animation:glowDisappear 1.5s ease-out forwards}@keyframes glowDisappear{0%{-webkit-filter:drop-shadow(0 0 4px white) drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 32px white);filter:drop-shadow(0 0 4px white) drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 32px white)}to{filter:none}}.final-path{opacity:0;will-change:opacity,transform,filter;transition:opacity 1.25s ease-in}.final-path.visible{opacity:1}.loadingMainBox{width:100%;display:flex;gap:20px;opacity:0;text-align:center;position:absolute;font-size:1.25rem;letter-spacing:2px;align-items:center;top:calc(50% + 30vh);flex-direction:column;font-family:monospace;text-transform:uppercase;transition:opacity 1s ease-in}.loading-text{opacity:1;color:#fff;-webkit-user-select:none;user-select:none;text-align:center;font-size:1.25rem;letter-spacing:2px;pointer-events:none;font-family:monospace;text-transform:uppercase;transition:opacity .5s ease-in-out,transform .5s ease-in}.dot{opacity:0;font-weight:700;animation:blink 1.5s infinite 2s}.dot:nth-child(1){animation-delay:.4s}.dot:nth-child(2){animation-delay:.6s}.dot:nth-child(3){animation-delay:.8s}@keyframes blink{0%,20%{opacity:0;transform:translateY(-2px) scale(1)}50%{opacity:1;transform:translateY(0) scale(2)}to{opacity:0;transform:translateY(2px) scale(1)}}.loading-text.hidden{opacity:0}.enterButton{opacity:0;border:none;color:#000;cursor:pointer;font-size:1.2rem;width:max-content;padding:12px 20px;pointer-events:none;font-family:monospace;background-color:#fff;touch-action:manipulation;transform:translateY(-170%);will-change:opacity,transform,filter;box-shadow:0 0 #000428 inset,0 0 #fff inset,-0em 0 #000428 inset,0 0 14px #fff;transition:opacity .5s ease-in,transform .5s ease-in,box-shadow .3s ease-in-out,background-color .3s ease-in-out,color .4s ease-in-out}.enterButton.visible{opacity:1;pointer-events:all}.enterButton:active{animation:none;will-change:transform;transition:transform .1s ease-in-out;transform:translateY(-130%) rotate(0) scale(.9)!important}.enterButton.gentle-shake{animation:gentle-shake 3s ease-in-out 3s infinite}@keyframes gentle-shake{0%,25%{transform:translateY(-130%) rotate(0) scale(1)}30%{transform:translateY(-130%) rotate(-2deg) scale(1)}40%{transform:translateY(-130%) rotate(2deg) scale(1)}50%{transform:translateY(-130%) rotate(0) scale(.97)}60%{transform:translateY(-130%) rotate(2deg) scale(1)}70%{transform:translateY(-130%) rotate(-2deg) scale(1)}75%,to{transform:translateY(-130%) rotate(0) scale(1)}}.enterButton:hover{color:#fff;animation:none;background-color:#f0f0f0;box-shadow:0 0 0 .1em #fff inset,0 0 0 1.5em #000 inset,-.3em .5em #fff inset,0 .2em #0003}.endBox{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;opacity:0;color:#fff;align-items:end;-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:none;flex-direction:column;font-family:monospace;text-transform:uppercase;transition:opacity 1s ease-in}.gpu-warning{padding:6px 10px;font-size:.75rem;letter-spacing:1px;border:1px solid white;box-shadow:0 0 8px #fff3}@media only screen and (max-width: 767px) and (orientation: portrait){.svg-wrapper{width:80vw;height:80vh}path.circle.glow{stroke-dasharray:1500;stroke-dashoffset:0;-webkit-filter:drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 16px white);filter:drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 16px white);transition:filter 1.25s ease-in-out}@keyframes glowDisappear{0%{-webkit-filter:drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 16px white);filter:drop-shadow(0 0 8px white) drop-shadow(0 0 16px white) drop-shadow(0 0 16px white)}to{filter:none}}.loadingMainBox{top:calc(50% + 25vh)}.enterButton{font-size:1rem;padding:12px 20px}.endBox{gap:3px;bottom:10px;right:unset}.gpu-warning{font-size:.625rem}}@media only screen and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.enterButton{font-size:1rem;padding:10px 15px}.loadingMainBox{top:calc(50% + 27vh)}.endBox{gap:3px;bottom:10px;right:10px}.gpu-warning{font-size:.65rem}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 501px){.svg-wrapper{width:60vw;height:60vh}.loading-text{font-size:1.75rem}.enterButton{font-size:1.35rem;padding:15px 30px}.gpu-warning{font-size:.9rem}}@media only screen and (min-width: 1024px) and (max-width: 1240px) and (orientation: landscape){.loading-text{font-size:1.75rem}.enterButton{font-size:1.25rem;padding:15px 30px}.gpu-warning{font-size:1.1rem}}@media only screen and (min-width: 1024px) and (max-width: 1240px) and (orientation: portrait){.svg-wrapper{width:50vw;height:50vh}.loading-text{font-size:2rem}.enterButton{font-size:1.75rem;padding:15px 35px}.gpu-warning{font-size:1.25rem}}@media only screen and (min-width: 1241px) and (max-width: 1440px){.svg-wrapper{width:55vw;height:55vh}.loading-text{font-size:2rem}.enterButton{font-size:1.75rem;padding:15px 35px}.gpu-warning{font-size:1.2rem}}.rolling-percentage{display:flex;color:#fff;font-size:2em;align-items:center;font-family:monospace}.digit-container{height:1.2em;width:.75em;overflow:hidden;margin:0 .05em;position:relative}.digit-wrapper{display:flex;flex-direction:column;transition:transform .1s ease-in-out}.digit{height:1.2em;text-align:center}.digit-symbol{color:#fff;padding:0 .05em}@media only screen and (max-width: 767px) and (orientation: portrait){.rolling-percentage{font-size:1.75em}}@media only screen and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.rolling-percentage{font-size:1.5em}}@media only screen and (min-width: 1024px) and (max-width: 1440px){.rolling-percentage{font-size:2.75em}}
