@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
.grid-bg{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:80px 80px}.animate-on-scroll{animation-play-state:paused!important}.animate-on-scroll.animate{animation-play-state:running!important}@keyframes fadeSlideIn{0%{opacity:0;filter:blur(8px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}.beam-border-v{z-index:10;background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.beam-border-v:after{content:"";opacity:.5;background:linear-gradient(#0000,#ff5403,#0000);animation:5s cubic-bezier(.4,0,.2,1) infinite beam-drop;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}.beam-border-h{z-index:10;background:#ffffff0d;height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.beam-border-h:after{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ff5403,#0000);animation:7s cubic-bezier(.4,0,.2,1) 2.5s infinite beam-slide;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes beam-drop{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes beam-slide{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}.fade-transition{transition:opacity .5s ease-in-out,transform .7s ease-out}.fade-out{transform:scale(1.05);opacity:0!important}.grayscale-hover{filter:grayscale();transition:filter .7s}.grayscale-hover:hover{filter:grayscale(0%)}body{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#050505;margin:0;padding:0;font-family:Inter,Poppins,sans-serif;line-height:1.6;overflow-x:hidden}body img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body a{color:inherit;text-decoration:none}body a:hover{color:inherit}body p,body em{color:#8a94a6}body .modal-content{background-color:#2f2f2f}body::-webkit-scrollbar{width:.7rem}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #ff5403}body::-webkit-scrollbar-thumb{background-color:#ff5403;border-radius:10px}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}::selection{color:#fff;background:#ff5403}::selection{color:#fff;background:#ff5403}
nav{justify-content:space-between;align-items:center;padding:30px 7%;display:flex}nav .nav__brand{cursor:pointer;font-size:1.5em}nav .nav__brand .logo-text{color:#fff;font-weight:700;transition:color .3s}nav .nav__brand .logo-text:hover{color:#ff5403}nav .nav__brand a:hover{color:inherit}nav li{cursor:pointer;padding:0 10px;font-weight:700;text-decoration:none;display:inline-block}nav li a:hover,nav li a:active{color:#ff5403}nav a{color:#fff;text-decoration:none}@media screen and (max-width:768px){nav .nav__links{display:none}}nav .nav__btn{display:none}@media screen and (max-width:768px){nav .nav__btn{display:block}.nav__btn__checkbox{display:none}.nav__btn__button{z-index:2000;text-align:center;cursor:pointer;background-color:#0000;border:1px solid #ffffff1a;border-radius:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:absolute;top:5rem;right:2rem}.nav__btn__button:hover{background-color:#ff54031a;border-color:#ff5403}.nav__btn__background{display:none}.nav__btn__nav{z-index:1500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background-color:#080808fa;border-left:1px solid #ff540333;width:0;height:100vh;transition:all .3s;position:fixed;top:0;right:0}.nav__btn__list{text-align:center;flex-direction:column;list-style:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav__btn__item{margin:1rem}.nav__btn__link{color:#fff;font-size:2rem;font-weight:700;text-decoration:none}.nav__btn__link:hover,.nav__btn__link:active{color:#ff5403}.nav__btn__checkbox:checked~.nav__btn__nav{opacity:1;width:100%}.nav__btn__icon{flex-direction:column;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:relative}.nav__btn__icon,.nav__btn__icon:before,.nav__btn__icon:after{background-color:#fff;width:1.5rem;height:2px;transition:all .3s}.nav__btn__icon:before,.nav__btn__icon:after{content:"";position:absolute;left:0}.nav__btn__icon:before{top:.4rem}.nav__btn__icon:after{bottom:.4rem}.nav__btn__checkbox:checked+.nav__btn__button .nav__btn__icon{background-color:#0000}.nav__btn__checkbox:checked+.nav__btn__button .nav__btn__icon:before{background-color:#ff5403;top:50%;transform:translateY(-50%)rotate(45deg)}.nav__btn__checkbox:checked+.nav__btn__button .nav__btn__icon:after{background-color:#ff5403;bottom:50%;transform:translateY(50%)rotate(-45deg)}}
#footer{background:#000}footer{margin:auto 7% 0;padding:4rem 2rem}@media screen and (max-width:480px){footer{padding:4rem 1rem}}footer .extras a{color:#fff}footer .extras a:hover,footer .extras a:focus{color:#e6e6e6}footer .extras{color:#bfbfbf}footer .extras a{width:-webkit-max-content;width:max-content}footer .visits{color:#000;background:#fc0;border-radius:10px;padding:.2rem .5rem}footer .row{align-items:center}footer .social-icon{margin:0 2%;font-size:2rem}footer .social-icon:hover{color:#d9d9d9}footer .divider{content:"";background:#828282;width:100%;height:1px;margin:1rem 0;display:block}.copyright{text-align:center;color:#bfbfbf;background:#1a1a1a;padding:2% 7%}.copyright p{color:#bfbfbf}
.banner a{color:#fff}.banner a:hover,.banner a:focus{color:#e6e6e6}.banner{justify-content:baseline;background:linear-gradient(-45deg,#4158d0,#c850c0,#ffcc70,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#54a0ff) 0 0/400% 400%;flex-direction:column;align-items:center;padding:.5rem;animation:8s ease-in-out infinite gradientShift;display:flex}.banner p{color:#fff;text-shadow:0 1px 2px #0000004d;margin:0}.banner p a{align-items:center;gap:.25rem;text-decoration:underline;transition:all .3s;display:inline-flex}.banner p a svg{transition:transform .3s}.banner p a:hover svg{transform:translate(4px)}@keyframes gradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}