@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}:root{--main-font:"Inter", sans-serif;--background-color:#131010;--description-color:#d2d0d0;--soft-black-color:#1e1e1e;--scroll-bar:#d2d0d04d;--scroll-bar-hover:#555;--main-color:#fa0;--green-color:#4aff6b;--success-color:#4caf50;--red-color:#ff4b4b;--white-color:#fff;--grey-color:#444;--hover-color:#ffffff1a;--copy-ip-button-background:#ffaa00b3;--ip-copied-background:#4aff6b2b;--ip-copied-icon-background:#4aff6b80;--warning-background:#ff7c7c2b;--how-to-join-button-background:#d2d0d033;--stats-background:#d2d0d00d;--stat-icon-background-2:#ffaa0080;--dark-grey-color:#2c2c2c;--red-accent-color:#e74c3c;--black-alpha-30:#0000004d;--black-alpha-40:#0006;--black-alpha-50:#00000080;--black-alpha-60:#0009;--black-alpha-70:#000000b3;--black-alpha-80:#000c;--white-alpha-05:#ffffff0d;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--main-alpha-05:#ffaa000d;--main-alpha-10:#ffaa001a;--main-alpha-20:#fa03;--dark-bg-alpha-60:#14141499;--darker-bg-alpha-85:#0f0f0fd9;--darkest-bg-alpha-90:#0a0000e6;--light-bg-alpha-90:#1e1e1ee6}body{background:var(--background-color);font-family:var(--main-font);overflow-x:hidden}section:not(#header) .content{width:100%;padding:90px 150px}.js-preloader{background-color:var(--background-color);opacity:1;visibility:visible;z-index:9999;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.js-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.js-preloader img{width:142px;position:relative}.navbar{background:var(--background-color);z-index:1000;width:100%;box-shadow:0 0 10px var(--white-alpha-15);flex-direction:row;justify-content:space-between;align-items:center;padding:20px 150px;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.navbar a{text-decoration:none}.navbar .menu-mobile{justify-content:space-between;align-items:center;display:flex}.navbar .menu-mobile .logo{align-items:center;gap:10px;display:flex}.navbar .menu-mobile .logo img{max-width:40px;height:auto}.navbar .menu-mobile .logo h3{color:var(--white-color);font-size:20px;font-weight:900}.navbar .links{align-items:center;gap:30px;transition:all .3s ease-in-out;display:flex}.navbar .links .link{color:var(--description-color);font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.navbar .links .color-button{background-color:var(--main-color);color:var(--background-color);border-radius:23px;padding:5px 20px;font-weight:600;transition:transform .2s}.navbar .links .link.color-button:hover{color:var(--background-color);transform:scale(1.05)}.navbar .links .link.active{color:var(--white-color)}.navbar .links .link.active:after{content:"";background:var(--main-color);border-radius:5px;width:40px;height:3px;position:absolute;bottom:-4px;left:0}.navbar .links .link:not(.active):not(.color-button):hover{color:var(--white-color)}.navbar .menu-mobile .hamburger{color:var(--white-color);cursor:pointer;font-size:20px;transition:all .5s;display:none}.navbar .menu-mobile .hamburger:hover{opacity:.8}.navbar.active{max-height:1000px}.navbar.active .links{opacity:1;z-index:2}#footer{justify-content:space-between;width:100%;padding:20px 150px;display:flex}#footer p{color:var(--description-color);font-size:17px}#footer p span{color:var(--white-color)}#footer .social-links .shape-fill{fill:var(--description-color)}#footer .social-links a:hover .shape-fill{fill:var(--white-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--stats-background)}::-webkit-scrollbar-thumb{background:var(--scroll-bar)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-bar-hover)}img.lazy-img{opacity:0;transition:opacity .5s ease-in-out}img.lazy-img.loaded{opacity:1}@media screen and (width<=1625px){.navbar{padding:20px 90px}section:not(#header) .content{padding:90px}section#features .content{padding-top:0}section#faq .content{padding-top:45px}#footer{padding:20px 90px}}@media screen and (width<=867px){.navbar{flex-direction:column;gap:20px;max-height:73px;transition:max-height .8s ease-in-out;overflow:hidden}.navbar .menu-mobile{width:100%}.navbar .menu-mobile .hamburger{display:flex}.navbar .links{opacity:0;z-index:-1;flex-direction:column;order:2;align-items:flex-start;width:100%;transition:opacity .8s ease-in-out}}@media screen and (width<=819px){.navbar{padding:20px 30px}section:not(#header) .content{padding:50px 30px}#footer{padding:20px 30px}}@media screen and (width<=564px){#footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px}}#header{background:url(/img/header-background.webp) 50%/cover no-repeat fixed;align-items:center;height:80vh;min-height:800px;display:flex}#header .content{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:150px;width:100%;height:620px;padding:150px;display:flex;position:relative}.ip-copied{background:var(--light-bg-alpha-90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white-color);box-shadow:0 10px 25px var(--black-alpha-30);z-index:9999;opacity:0;visibility:hidden;white-space:nowrap;border-radius:50px;align-items:center;gap:10px;width:max-content;padding:12px 25px;font-size:16px;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:100px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-20px)}.ip-copied.active{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.ip-copied:after{content:"";background:var(--green-color);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ip-copied.error:after{background:var(--red-color)}.ip-copied.active:after{animation:5s linear forwards progress-bar-shrink}.ip-copied.restart-anim:after{animation:none!important}@keyframes progress-bar-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.ip-copied:before{content:"";color:var(--green-color);font-family:"Font Awesome 6 Free";font-size:18px;font-weight:900}.ip-copied.error:before{content:"";color:var(--red-color)}#header .content .left{flex-direction:column;gap:20px;display:flex}#header .content .left .server-name{flex-direction:column;display:flex}#header .content .left .server-name p{color:var(--white-color);text-transform:uppercase;font-size:18px;font-weight:600}#header .content .left .server-name h1{color:var(--main-color);text-transform:uppercase;font-size:65px;font-weight:900}#header .content .left .server-description{color:var(--white-color);max-width:700px;font-size:18px;font-weight:400;line-height:1.6}#header .content .left .buttons{flex-direction:row;gap:20px;display:flex}#header .content .left .buttons .copy-ip{background:var(--main-color);color:var(--background-color);cursor:pointer;border:none;border-radius:8px;padding:10px 30px;font-size:17px;font-weight:600;transition:transform .2s}#header .content .left .buttons .copy-ip:hover{transform:scale(1.05)}#header .content .left .buttons .how-to-join{background:var(--how-to-join-button-background);border:2px solid var(--description-color);color:var(--description-color);cursor:pointer;border-radius:8px;padding:10px 30px;font-size:17px;font-weight:600;transition:transform .2s}#header .content .left .buttons .how-to-join:hover{transform:scale(1.05)}#header .content .right{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}#header .content .right img{margin-top:60px}#header .content .right .logo-img{max-width:150px;animation:4s ease-in-out infinite float}#header .content .right .stats{background:var(--white-alpha-05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;flex-direction:row;gap:60px;margin-top:30px;padding:25px;transition:all .3s;display:flex}#header .content .right .stats:hover{background:var(--white-alpha-10);transform:translateY(-5px)}#header .content .right .stats .stat{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}#header .content .right .stats .stat .icon{background:var(--main-alpha-20);border-radius:10px;justify-content:center;align-items:center;padding:15px;transition:all .2s ease-in-out;display:flex}#header .content .right .stats .stat .icon i{color:var(--main-color);font-size:28px}#header .content .right .stats .stat:hover .icon{background:var(--main-color);transform:scale(1.05)}#header .content .right .stats .stat:hover .icon i{color:var(--white-color)}#header .content .right .stats .stat .texts{flex-direction:column;justify-content:center;display:flex}#header .content .right .stats .stat .texts h5{color:var(--white-color);text-transform:uppercase;margin-bottom:4px;font-size:18px;font-weight:700}#header .content .right .stats .stat .texts p{color:var(--description-color);font-size:18px;font-weight:400}#header .content .right .stats .stat .texts p span{color:var(--green-color);font-weight:600}#header .server-name p,#header .server-name h1,#header .server-description,#header .stat-title,#header .stat p,#header .how-to-join{text-shadow:0px 2px 4px var(--black-alpha-70)}#about{position:relative}#about .wave-top{width:100%;line-height:0;position:relative;bottom:69px;left:0;overflow:hidden;transform:rotate(180deg)}#about .wave-top svg{width:calc(100% + 1.3px);height:70px;display:block;position:relative;transform:rotateY(180deg)}#about .wave-top .shape-fill{fill:var(--background-color)}#about .content{z-index:1;flex-direction:row;justify-content:space-between;width:100%;display:flex;position:relative}#about .content .left{flex-direction:column;justify-content:space-between;gap:40px;height:100%;display:flex}#about .content .left .section-title{color:var(--white-color);font-size:30px;font-weight:700;position:relative}#about .content .left .section-title:before{content:"";background:var(--description-color);border-radius:5px;width:150px;height:1px;position:absolute;bottom:-9px;left:0}#about .content .left .section-title:after{content:"";background:var(--main-color);border-radius:5px;width:50px;height:3px;position:absolute;bottom:-10px;left:0}#about .content .left .about-us{color:var(--description-color);max-width:80%;font-size:17px;line-height:1.6}#about .content .left .server-stats{color:var(--description-color);justify-content:space-between;gap:1.5rem;margin-top:1rem;display:flex}#about .content .left .server-stats .stat{text-align:center;flex:1}#about .content .left span{color:var(--main-color)}#about .content .right{justify-content:end;align-items:center;width:100%;height:100%;display:flex;position:relative}#about .content .right img{z-index:1;width:auto;max-height:250px;position:relative;top:10px;right:120px}#about .content .right .img-background{background:var(--main-color);z-index:0;border-radius:40px 3px;width:210px;height:calc(100% - 40px);position:absolute;bottom:5px}#features{background:var(--background-color);position:relative}#features .content{flex-direction:column;gap:60px;display:flex}#features .content .game{flex-direction:row;justify-content:space-between;align-items:center;gap:60px;width:100%;display:flex}#features .content .game:nth-child(2n) .feature-img-wrapper{order:1}#features .content .game .feature-img-wrapper{width:100%;box-shadow:0 4px 15px var(--black-alpha-40);border-radius:15px;transition:transform .3s,box-shadow .3s;overflow:hidden}#features .content .game .feature-img-wrapper:hover{box-shadow:0 8px 25px var(--black-alpha-60);transform:translateY(-5px)}#features .content .game .feature-img-wrapper img{object-fit:cover;width:100%;height:300px;transition:transform .4s;display:block}#features .content .game .feature-img-wrapper:hover img{transform:scale(1.05)}#features .content .game .info{flex-direction:column;gap:40px;display:flex}#features .content .game .info .section-title{color:var(--white-color);font-size:30px;font-weight:700;position:relative}#features .content .game .info .section-title:before{content:"";background:var(--description-color);border-radius:5px;width:150px;height:1px;position:absolute;bottom:-9px;left:0}#features .content .game .info .section-title:after{content:"";background:var(--main-color);border-radius:5px;width:50px;height:3px;position:absolute;bottom:-10px;left:0}#features .content .game .info .game-description{color:var(--description-color);font-size:17px;line-height:1.6}#features .content .game .info .game-description code{background-color:var(--dark-grey-color);color:var(--white-color);border-radius:4px;padding:2px 6px;font-family:Consolas,Courier New,monospace;font-size:.95em}#features .wave-bot{width:100%;line-height:0;position:relative;top:69px;left:0;overflow:hidden}#features .wave-bot svg{width:calc(100% + 1.3px);height:70px;display:block;position:relative;transform:rotateY(180deg)}#features .wave-bot .shape-fill{fill:var(--background-color)}#discord{background:url(/img/discord-section-background.webp) 50%/cover no-repeat fixed;align-items:center;height:100%;display:flex}#discord .content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin:50px;display:flex;position:relative}#discord .content .section-title{color:var(--white-color);text-align:center;font-size:30px;font-weight:700;position:relative}#discord .content .section-title span{color:var(--main-color)}#discord .content .join-discord{background:var(--main-color);color:var(--background-color);cursor:pointer;border:none;border-radius:2rem;padding:10px 30px;font-size:17px;font-weight:600;transition:transform .2s}#discord .content .join-discord:hover{transform:scale(1.05)}#discord .content .join-discord a{color:var(--background-color);text-decoration:none}#discord .section-title,#discord .section-title span{text-shadow:0px 2px 4px var(--black-alpha-70)}#faq{background:var(--background-color);position:relative}#faq .wave-top{width:100%;line-height:0;position:relative;bottom:21px;left:0;overflow:hidden}#faq .wave-top svg{width:calc(100% + 1.3px);height:70px;display:block;position:relative;transform:rotateY(180deg)}#faq .wave-top .shape-fill{fill:var(--background-color)}#faq .content{flex-direction:column;gap:20px;display:flex}#faq .content .info{flex-direction:column;gap:40px;display:flex}#faq .content .info .section-title{color:var(--white-color);font-size:30px;font-weight:700;position:relative}#faq .content .info .section-title:before{content:"";background:var(--description-color);border-radius:5px;width:150px;height:1px;position:absolute;bottom:-9px;left:0}#faq .content .info .section-title:after{content:"";background:var(--main-color);border-radius:5px;width:50px;height:3px;position:absolute;bottom:-10px;left:0}#faq .content .info .section-title span{color:var(--main-color)}#faq .content .info .section-description{color:var(--description-color);font-size:17px;line-height:1.6}#faq .content .accordion{flex-direction:column;gap:20px;display:flex}#faq .content .accordion .accordion-item{background:var(--stats-background);border-radius:8px}#faq .content .accordion .accordion-item .accordion-item-header{cursor:pointer;color:var(--white-color);align-items:center;padding:20px 50px 20px 20px;font-size:17px;font-weight:600;line-height:1.6;display:flex;position:relative}#faq .content .accordion .accordion-item .accordion-item-header:after{content:"+";font-size:20px;position:absolute;right:20px}#faq .content .accordion .accordion-item .accordion-item-header.active:after{content:"−"}#faq .content .accordion .accordion-item .accordion-item-body{max-height:0;transition:all .2s ease-in-out;overflow:hidden}#faq .content .accordion .accordion-item .accordion-item-body .accordion-item-body-content{border-top:1px solid var(--stats-background);color:var(--description-color);padding:20px;line-height:1.6}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media screen and (width<=1625px){#header .content{justify-content:center;align-items:start;padding:150px 90px}}@media screen and (width<=1551px){#about .content .left .about-us{max-width:90%}}@media screen and (width<=1183px){#about .content{flex-direction:column;gap:40px}#about .content .left .about-us{max-width:100%}#about .content .right{display:none}}@media screen and (width<=1141px){#features .content .game{flex-direction:column;gap:40px}#features .content .game:nth-child(2n) .feature-img-wrapper{order:0}#features .content .game .feature-img-wrapper img{height:auto}}@media screen and (width<=976px){#header{background-position:10%}#header .content{flex-direction:column;gap:40px;height:100%;padding:150px 30px}#header .content .left{justify-content:left;gap:30px}#header .content .left .server-name p{font-size:18px}#header .content .left .server-name h1{font-size:40px}#header .content .right{width:100%}#header .content .right .stats{width:100%;margin-top:0}#header .content .right .logo-img{display:none}@media screen and (height>=745px){#header .content{justify-content:center}#header .content .left{justify-content:center;gap:15px;height:fit-content}#header .content .right{justify-content:center;gap:30px;height:fit-content}}#about{scroll-margin-top:50px}}@media screen and (width<=831px){#about .wave-top{bottom:29px}#about .wave-top svg{height:30px}#features .wave-bot{top:29px}#features .wave-bot svg{height:30px}#faq .wave-top{bottom:9px}#faq .wave-top svg{height:30px}}@media screen and (width<=621px){#header .content .right .stats{justify-content:space-between}#about .content .left .server-stats{gap:1.2rem;font-size:14px}#discord .content .section-title{font-size:1.5rem;line-height:1.3}}
