body {
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
background-color: #fff;
margin: 0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: #222;
}

header {
margin-bottom: 30px;
}

h1 {
color: #d63384; /* Hot Pink */
font-size: 2.8rem;
margin: 0;
text-transform: uppercase;
letter-spacing: -1px;
}

.sub-header {
font-size: 1.4rem;
font-weight: 600;
color: #444;
margin-top: 5px;
}

.prize-image {
width: 100%;
max-width: 600px;
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
margin-bottom: 30px;
}

.packs-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
width: 100%;
max-width: 900px;
}

.pack-card {
flex: 1;
min-width: 300px;
background: #fff0f6;
padding: 20px;
border-radius: 20px;
border: 1px solid #ffdeeb;
box-sizing: border-box;
}

.pack-card h2 {
color: #000;
text-transform: uppercase;
font-size: 1.5rem;
margin-top: 0;
}

.prize-list {
list-style: none;
padding: 0;
margin: 20px 0;
font-size: 1rem;
line-height: 1.6;
text-align: left;
}

.prize-list li {
background: #fff;
margin: 8px 0;
padding: 10px 15px;
border-radius: 50px;
border: 1px solid #ffdeeb;
font-weight: 500;
}

.timer-box {
background-color: #000; /* Black for contrast */
color: #ff33a1; /* Pink text */
padding: 15px 40px;
font-size: 1.5rem;
font-weight: bold;
border-radius: 10px;
margin: 25px 0;
animation: pulse 2s infinite;
border: 2px solid #ff33a1;
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}

.cta-button {
display: inline-block;
background-color: #1877F2; /* Facebook Blue */
color: white;
padding: 20px 40px;
text-decoration: none;
font-weight: bold;
font-size: 1.3rem;
border-radius: 12px;
margin: 20px 0;
box-shadow: 0 4px 15px rgba(24, 119, 242, 0.3);
transition: transform 0.2s;
}

.cta-button:hover {
transform: translateY(-2px);
}

.instructions {
background: #f8f9fa;
padding: 20px;
border-radius: 15px;
max-width: 400px;
margin-bottom: 30px;
border: 1px dashed #ccc;
}

.ad-wrapper {
width: 100%;
max-width: 728px;
margin: 20px auto;
min-height: 90px;
}

footer {
margin-top: 50px;
color: #888;
font-size: 0.9rem;
padding-bottom: 40px;
}

@media (max-width: 480px) {
h1 { font-size: 2rem; }
.timer-box { font-size: 1.2rem; }
.pack-card { min-width: 100%; }
}