.site-header{background:#000;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600;position:relative;z-index:1000}.header-container{display:flex;width:100%;justify-content:space-between;align-items:center}.site-logo img{height:40px}.header-nav{display:flex;gap:20px}.nav-link{color:#fff;text-decoration:none;padding:8px 20px;border-radius:2rem;border:solid;border-color:#0000;text-align:center;border-width:1px;transition:.2s;text-shadow:0px 0px 0px rgb(0,0,0)}.nav-link:hover{background-color:#2c2c2c5d;border-color:#252525;scale:1.1}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;cursor:pointer;z-index:1100}.hamburger span{display:block;height:3px;background:#fff;border-radius:2px;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(10px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-40deg) translateY(-10px)}@media (max-width: 768px){.header-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:none}.header-nav.active{display:flex}.nav-link{font-size:1.5rem;padding:10px 20px}.hamburger{display:flex}}.site-footer{background:#000;color:#fff;text-align:center;padding:15px 10px;margin-top:30px}.footer-links{margin-top:5px}.footer-link{color:#bbb;margin:0 5px;text-decoration:none;padding:5px 8px;border:solid;border-width:1px;border-color:#0000;border-radius:7px;transition:color,border-color .2s}.footer-link:hover{color:#fff;border-color:#ffffff65}.footer-socials{margin:0;display:flex;justify-content:center;gap:5px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;border:solid;border-radius:7px;padding:5px;margin:0;border-width:1px;border-color:#0000;transition:opacity .2s ease,scale .2s ease}.footer-socials svg{width:23px;height:23px;fill:#fff}.footer-socials a:hover{background-color:#2c2c2c5d;border-color:#252525;fill:#fff;scale:1.2}html,body,#root{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{text-decoration:none}h1{text-align:center}.slider{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1}.fade-in{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.arrow,.cta-buttons,.slider-title,.slide-btn,.nav-arrow,.slider-buttons-wrapper{position:relative;z-index:2}.play-icon{width:30px;height:30px;fill:#000}.arrow-left,.arrow-right{width:10px;height:10px}.arrow-icon{width:30px;height:32px;transition:fill .3s}.btn-icon{width:35px;height:35px;margin-right:20px;fill:currentColor}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;background:#000}.slider{position:relative;width:100%;height:calc(100vh - 65px);overflow:hidden}.slide{position:relative;width:100%;height:100%;overflow:hidden}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.slider-title{position:absolute;top:30px;left:50%;transform:translate(-50%);font-size:3rem;font-weight:900;text-transform:uppercase;color:#fff;text-align:center;white-space:nowrap;text-shadow:0 2px 5px rgb(0,0,0);z-index:20}.arrow{position:absolute;top:0;bottom:0;width:15vw;max-width:200px;z-index:1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.arrow.left{left:0;background:linear-gradient(to right,#000000b0,#fff0)}.arrow.right{right:0;background:linear-gradient(to left,#000000b0,#fff0)}.arrow.left:hover{scale:1.2;background:linear-gradient(to right,#000,#fff0)}.arrow.right:hover{scale:1.2;background:linear-gradient(to left,#000,#fff0)}.cta-buttons{position:absolute;bottom:150px;left:50%;transform:translate(-50%);display:flex;gap:40px;z-index:25}.cta-buttons button{width:430px;height:80px;font-size:1.5rem;font-weight:900;text-transform:uppercase;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 22px #000c;transition:transform .2s ease,background .2s ease}.cta-buttons button svg{width:28px;height:28px;flex-shrink:0}.play-btn{color:#000;background:#ffffffb3;border:8px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-btn:hover{background:#fff;transform:scale(1.1)}.trailer-btn{color:#fff;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.trailer-btn:hover{background:#000;transform:scale(1.1)}.slider-buttons-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;padding:10px;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;z-index:25}.slider-buttons{display:flex;gap:10px;width:max-content;margin:0 auto;justify-content:center;align-items:center}.slide-btn{min-width:140px;padding:10px 12px;font-size:10px;font-weight:900;text-transform:uppercase;font-variant:small-caps;border:none;border-radius:3rem;background:transparent;color:#fff;cursor:pointer;transition:background .2s ease}.slide-btn:hover{background:#ffffff4d}.slide-btn.active{background:#fff;color:#000}.platforms-section{width:100%;padding:70px 20px;background:#000;text-align:center;color:#fff}.platforms-line{height:1px;background:#242424;margin-bottom:40px}.platforms-title{font-size:2.8rem;font-weight:900;margin-bottom:50px;text-transform:uppercase}.platforms-buttons{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.platform-button{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;width:400px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff0d;color:#fff;text-decoration:none;font-weight:700;letter-spacing:1px;transition:scale .2s ease,background .2s ease,border-color .2s ease}.platform-button svg{width:40px;height:40px;fill:currentColor}.platform-button:hover{background:#ffffff0d;border-color:#fff;scale:1.1}.achievements{width:100%;background:#ffffff0d;padding:50px 20px;text-align:center;color:#fff}.achievements-title{font-size:2.8rem;font-weight:900;margin-bottom:60px;text-transform:uppercase}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.achievement{background:#ffffff0d;border-radius:20px;padding:40px 30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease;border:1px solid #ffffff22}.achievement:hover{transform:translateY(-10px);background:#ffffff14}.achievement svg{width:120px;height:120px;fill:#fff;margin-bottom:25px}.achievement h3{font-size:1.6rem;font-weight:900;margin-bottom:12px}.achievement p{font-size:1rem;opacity:.85;line-height:1.5}@media (max-width: 768px){.cta-buttons{bottom:120px;flex-direction:column;gap:12px}.cta-buttons button{width:260px;height:60px;font-size:1.1rem;justify-content:flex-start;padding-left:20px}.slide-btn{min-width:110px;padding:7px}}@media (max-width: 900px){.achievements-grid{grid-template-columns:1fr}}
