*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:"copperplate-bold",Sans-serif;width:100%;height:100%;overflow-x:hidden;background-color:#000;color:#fff}.page-container{display:flex;flex-direction:column;min-height:100vh}.section{width:100%;min-height:100vh;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.navbar{position:absolute;top:0;left:0;width:100%;height:80px;color:#fff;background-color:#0000001a;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:1000}.logo{display:flex;align-items:center}.mobile-logo{display:none}.logo img{width:auto;height:70px;display:block;margin-top:10px}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;color:#fff;font-size:18px;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:gray}.steam-button{background-color:transparent;display:flex;align-items:center;gap:10px;border:2px solid white;padding:10px 18px;border-radius:5px;text-decoration:none;color:#fff;font-size:18px;transition:all .3s ease;cursor:pointer!important}.steam-button:hover{background-color:#ffffffb3;color:#000}.steam-icon{width:20px;height:20px}@media (max-width: 768px){.navbar{display:none}.mobile-logo{display:flex!important;justify-content:center;align-items:center;width:100%;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000}.mobile-logo img{display:block!important;visibility:visible!important;height:90px;max-width:250px}}.hero{position:relative;display:flex;align-items:center;width:100%;height:110vh;overflow:hidden;flex-direction:column;justify-content:end}.hero .bg-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;color:#fff;margin-bottom:150px}.hero-logo img{margin-bottom:clamp(60px,10vw,200px);width:auto;height:clamp(150px,20vw,100%);max-height:100%}.hero-text{color:#fff;font-size:clamp(16px,4vw,28px);font-family:"copperplate-bold",Sans-serif;margin:20px}.ButtonHero{width:clamp(320px,40vw,680px);height:clamp(80px,8vw,140px);border:none;border-radius:clamp(6px,1vw,10px);background:linear-gradient(to right,#770a3d,#ff77e4,#580a77,#3d0a77,#df77ff,#5c0a77);background-size:250%;background-position:left;color:#b977ff;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:1s;overflow:hidden;margin:clamp(7px,2vw,20px) 0;box-shadow:#171c25 0 clamp(1px,.5vw,4px) clamp(2px,1vw,10px);transition:transform .3s ease-in-out,background-position 1s}.ButtonHero:before{position:absolute;content:"JOIN THE BATTLEFIELD";font-family:copperplate-bold,sans-serif;font-size:clamp(19px,2.5vw,36px);color:#faf6ff;display:flex;align-items:center;justify-content:center;width:93%;height:90%;border-radius:clamp(3px,1vw,8px);transition-duration:1s;background-color:#000000d7;background-size:200%;padding-right:30px}.ButtonHero:after{content:"";position:absolute;background-image:url(/assets/images/vector.svg);background-size:contain;background-repeat:no-repeat;width:clamp(20px,3vw,60px);height:clamp(20px,3vw,60px);right:clamp(15px,20px,40px);top:50%;transform:translateY(-50%)}.ButtonHero:hover{background-position:right;transform:scale(1.1);transition-duration:1s}.ButtonHero:hover:before{background-position:right;transform:scale(1.1);transition-duration:1s}.ButtonHero:active{transform:scale(.95)}.BTN-link{cursor:pointer!important;background:none;border:none;box-shadow:none;padding:0;margin:0}.ButtonPlay{align-items:center;background-image:url(/assets/images/btnred.webp);background-position:center;background-repeat:no-repeat;background-size:100% 100%;border:6px solid transparent;border-radius:20px;display:flex;justify-content:space-between;padding:20px;margin:50px 0;position:relative;width:100%;max-width:750px;min-width:250px;max-height:125px;min-height:90px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.ButtonPlay:hover{transform:scale(1.1);box-shadow:0 0 20px #f009}.ButtonPlay .text-wrapper{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fbfcf6 34%,#586261 71%);background-clip:text;color:transparent;font-family:"copperplate-bold",Sans-serif;font-size:clamp(28px,5vw,64px);font-weight:700;letter-spacing:0;line-height:1.2;position:relative;text-align:center;text-shadow:0px 2px 4px #00000040;white-space:nowrap;width:-moz-fit-content;width:fit-content;margin-left:15px}.ButtonPlay .vector{height:clamp(50px,10vw,60px);max-height:80px;max-width:80px;position:relative;width:clamp(50px,10vw,60px);margin:0 15px;transition:transform .3s ease-in-out}.ButtonPlay:hover .vector{transform:scale(1.1)}@media (max-width: 768px){.ButtonPlay{height:auto;padding:10px}.ButtonPlay .vector{height:clamp(30px,8vw,40px);width:clamp(30px,8vw,40px)}}.video-section{background-image:url(/assets/images/Background/VideoBg01.webp);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center}.video-title{font-size:clamp(24px,4vw,48px);font-family:"copperplate-bold",Sans-serif;color:#fff;margin:20px;text-align:center}.video-description{display:flex;justify-content:center;align-items:center;text-align:center;font-size:clamp(18px,3vw,24px);font-family:"copperplate-bold",Sans-serif;color:#fff;margin:0 60px;padding:0 20px;max-width:900px}.video-separator{width:60%;height:1px;background-color:#fff;margin-bottom:20px;max-width:900px}.video-container{width:clamp(350px,50vw,1200px);height:clamp(195px,28vw,630px);display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-100px}.columns-container{width:90%;max-width:1400px}.columns-section{min-height:110vh;background-image:url(/assets/images/Background/BGGIF2.webp);background-size:cover;background-position:start;display:flex;flex-direction:column;align-items:center;justify-content:center}.gif{height:clamp(140px,10vw,340px);width:clamp (90% 120% 210%);border-radius:10px;box-shadow:#00000040 0 4px 10px}.gif-title{font-size:clamp(24px,4vw,48px);font-family:"copperplate-bold",Sans-serif;color:#fff;margin:20px;text-align:center}.gif-description{display:flex;justify-content:center;align-items:center;text-align:center;font-size:clamp(18px,3vw,24px);font-family:"copperplate-bold",Sans-serif;box-shadow:#00000040 0 4px 10px;color:#fff;margin:20px;padding:0 clamp(80px,10vw,240px)}.columns-section .row{display:flex;width:90%;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:8vh;margin:10px 30px;gap:40px}.column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:start;flex-grow:1}.large{flex:2;max-width:60%}.small{flex:1;max-width:40%}@media screen and (max-width: 1024px){.columns-section .row{flex-direction:column;align-items:center;min-height:auto;gap:30px}.gif-right .small{order:-1}.large,.small{width:100%;max-width:90%;min-height:auto}.large{margin-top:10px}.gif-title{text-align:center;align-items:center}.gif-description{text-align:center;justify-content:center;align-items:center;padding:0 clamp(30px,5vw,100px)}}.three-rows{background-image:url(/assets/images/Background/BGTestimonial.webp);display:flex;background-size:contain;flex-direction:column;align-items:center;width:100%}.row{width:100%;display:flex;justify-content:center;align-items:center}.row.title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.row.full{width:100%}.row.main{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;width:95%;max-width:1450px;margin:20px auto}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-3640px)}}.slider{height:200px;margin:auto;overflow:hidden;position:relative;width:100vw}.slider:before,.slider:after{content:"";height:200px;position:absolute;width:200px;z-index:2}.slider:before{left:0;top:0}.slider:after{right:0;top:0}.slide-track{display:flex;width:7280px;animation:scroll 40s linear infinite;gap:20px}.slide{height:200px;width:500px;display:flex;align-items:center;justify-content:center}.slide img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:20px}@media (max-width: 768px){.slider{height:100px}.slide-track{width:3640px;animation:scroll 40s linear infinite;gap:10px}.slide{height:100px;width:250px}.slide img{border-radius:10px}}.testimonials-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:30px;overflow-x:auto;padding:15px 0;scroll-snap-type:x mandatory;min-height:-moz-fit-content;min-height:fit-content;max-width:90%}.testimonials-container::-webkit-scrollbar{display:none}.testimonials-container{-ms-overflow-style:none;scrollbar-width:none}.testimonial-card{background-color:#1d232e;color:#fff;padding:20px;border-radius:10px;width:500px;max-width:100%;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 10px #0003}.testimonial-header{display:flex;align-items:center;gap:10px}.testimonial-icon{width:50px;height:50px;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:24px}.testimonial-title{font-family:Helvetica,sans-serif;background-color:#171c25;color:#7fb5e5;padding:10px 16px;border-radius:5px;font-weight:700;flex-grow:1;font-size:20px}.testimonial-comment{font-family:Helvetica,sans-serif;line-height:17px;font-size:13px;background-color:#1d232e;padding:20px;border-radius:5px;position:relative;min-height:150px;height:250px;width:300px}.testimonial-author{position:absolute;font-family:Helvetica,sans-serif;bottom:10px;right:10px;background-color:#171c25;color:#7fb5e5;padding:6px 12px;border-radius:5px;font-size:16px}.footer-section{background-image:url(/assets/images/Background/BGEndScreen.webp);background-position:center;background-size:cover;width:100%;margin-top:auto;justify-content:end}.footer-container{width:100%;display:flex;justify-content:center;background-image:url(/assets/images/footer.webp);position:relative;bottom:auto}.footer{display:flex;flex-direction:column;align-items:center;justify-content:end;width:100%;max-width:1140px;padding:20px;text-align:center}.footer-logo img{justify-content:center;padding:0 20px;margin-bottom:clamp(60px,10vw,200px);width:100%;height:clamp(130px,20vw,100%)}.footer .top-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px}.footer .text{text-align:center;font-size:12px;font-family:Roboto-Bold,Helvetica;color:#fff;max-width:800px;margin:auto}.footer .text-wrapper{color:#fff}.footer .bottom-row{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap}.footer .bot-logo{width:50px;height:70px;margin:5px}.footer .icons{display:flex;gap:15px}.footer .icons img{width:30px;height:30px}.footer .policy{text-align:center;margin-top:10px;font-family:Roboto-Bold,Helvetica;font-size:12px}@media (max-width: 768px){.footer{flex-direction:column;text-align:center}.footer .top-row,.footer .bottom-row{flex-direction:column;align-items:center;text-align:center}.footer .icons{justify-content:center}}