.page-wrapper{
max-width:1400px;
margin:40px auto;
padding:20px;
}

h1{
margin-bottom:30px;
}

.filter-bar{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
margin-bottom:40px;
}

.filter-bar input,
.filter-bar select{
padding:10px;
border-radius:10px;
border:1px solid #30363d;
background:#0d1117;
color:#e6edf3;
}

.btn-submit{
background:#238636;
color:#fff;
border:none;
padding:10px 15px;
border-radius:10px;
cursor:pointer;
}

.btn-secondary{
background:#30363d;
color:#e6edf3;
padding:10px 15px;
border-radius:10px;
text-align:center;
text-decoration:none;
}

.games-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:25px;
}

.card-content{
padding:15px;
}

.card-content h3{
font-size:16px;
margin-bottom:8px;
}

.release-date{
display:block;
font-size:13px;
color:#8b949e;
margin-bottom:6px;
}

.genres{
font-size:12px;
color:#8b949e;
}

.pagination-wrapper{
margin-top:40px;
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}

.page-btn{
padding:8px 14px;
background:#30363d;
color:#e6edf3;
border-radius:8px;
text-decoration:none;
}

.page-btn.active{
background:#238636;
color:#fff;
}