.games-section {
padding: 5rem 0;
background: #fff;
min-height: 60vh;
}

.games-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.game-card {
background: #f8f9fa;
padding: 2.5rem;
border-radius: 12px;
border: 2px solid #e9ecef;
transition: all 0.3s;
text-align: center;
}

.game-card:hover {
transform: translateY(-5px);
border-color: #0070d1;
box-shadow: 0 10px 30px rgba(0,112,209,0.15);
}

.game-card h3 {
color: #0070d1;
font-size: 1.4rem;
margin-bottom: 1rem;
}

.game-card p {
color: #666;
line-height: 1.6;
}

@media (max-width: 768px) {
.games-grid {
grid-template-columns: 1fr;
}
}