.hero-slider{aspect-ratio:2;box-sizing:border-box;background-color:#0b1b36;justify-content:space-between;align-items:center;width:100%;padding:0 40px;display:flex;position:relative;overflow:hidden}.slider-content{z-index:1;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:0}.slide{flex:0 0 100%;width:100%;height:100%}.slide picture{width:100%;height:100%;display:block}.slide-image{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.arrow{color:#fff;z-index:2;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex}.arrow svg{width:28px;height:28px}.arrow:hover{background:#000c}.dots-container{z-index:3;background-color:#05132999;border-radius:30px;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.dot{cursor:pointer;background-color:#fff6;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot:hover{background-color:#fffc}.dot.active{background-color:#00d2ff;transform:scale(1.3)}@media (max-width:768px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.game-title{font-size:14px}.hero-slider{aspect-ratio:4/3;padding:0 10px}.arrow{width:35px;height:35px}.arrow svg{width:18px;height:18px}}