header h1 { margin: 0; font-size: 2.5rem; color: #00ffcc; }

.logo { width: 100px; height: auto; margin-top: 10px; }

.games { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; padding: 40px; }

.game-card { background-color: #222; border-radius: 10px; padding: 20px; text-align: center; width: 200px; box-shadow: 0 0 15px rgba(255, 255, 255, 0.1); transition: transform 0.3s ease; }

.game-card:hover { transform: scale(1.05); }

.game-card img { width: 100px; height: auto; }

.game-card h2 { margin: 15px 0 10px; font-size: 1.2rem; }

.topup-btn { background-color: #00ccff; border: none; color: black; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: bold; }

.payment-info { background-color: #111; padding: 30px; text-align: center; color: #ccc; font-size: 1rem; }

.payment-info h3 { color: #00ffcc; margin-bottom: 10px; }

.payment-form { max-width: 400px; margin: 0 auto; background-color: #1c1c1c; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 255, 204, 0.2); }

.payment-form label { display: block; margin-bottom: 8px; color: #fff; }

.payment-form input { width: 100%; padding: 10px; margin-bottom: 15px; border: none; border-radius: 5px; }

.payment-form button { width: 100%; padding: 10px; background-color: #00ffcc; color: black; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; }

.success-message { max-width: 400px; margin: 20px auto; background-color: #144d4d; color: #ccffcc; padding: 15px; text-align: center; border-radius: 8px; display: none; }

footer { background-color: #111; text-align: center; padding: 20px; font-size: 0.9rem; color: #888; }

Free Fire

Top-Up Now

PUBG

Top-Up Now

Clash of Clans

Top-Up Now

<label for="name">Your Name</label>
<input type="text" id="name" name="name" required />

<label for="game">Game Name (Free Fire / PUBG / COC)</label>
<input type="text" id="game" name="game" required />

<label for="playerId">Player ID</label>
<input type="text" id="playerId" name="playerId" required />

<label for="trxId">Transaction ID</label>
<input type="text" id="trxId" name="trxId" required />

<button type="submit">Submit Payment Confirmation</button>