.giveaway-wrapper {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
background: linear-gradient(135deg, #ff007f, #7000ff);
color: white;
padding: 40px 20px;
border-radius: 20px;
text-align: center;
margin: 20px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.giveaway-container {
animation: popIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes popIn {
0% { transform: scale(0.8); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}

.giveaway-h1 {
font-size: 2.2em;
margin: 0 0 10px 0;
text-transform: uppercase;
text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
color: white !important;
line-height: 1.2;
}

.giveaway-wrapper .prizes {
font-size: 1.2em;
margin-bottom: 30px;
color: #ffd700;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.giveaway-wrapper .countdown {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
}

.giveaway-wrapper .time-box {
background: rgba(0, 0, 0, 0.4);
padding: 15px 20px;
border-radius: 15px;
min-width: 60px;
}

.giveaway-wrapper .time-box span {
display: block;
font-size: 2.5em;
font-weight: 900;
line-height: 1;
margin-bottom: 5px;
color: #fff;
text-shadow: 0 0 10px #ff007f, 0 0 20px #ff007f;
animation: pulse 1s infinite alternate;
}

@keyframes pulse {
0% { text-shadow: 0 0 10px #ff007f, 0 0 20px #ff007f; }
100% { text-shadow: 0 0 20px #ff007f, 0 0 40px #ff007f; transform: scale(1.05); }
}

.giveaway-wrapper .time-box .label {
font-size: 0.8em;
text-transform: uppercase;
color: #ddd;
}

.giveaway-wrapper .btn {
display: inline-block;
background: #ffd700;
color: #111 !important;
text-decoration: none;
padding: 15px 30px;
font-size: 1.2em;
font-weight: bold;
border-radius: 50px;
text-transform: uppercase;
transition: all 0.3s ease;
}

.giveaway-wrapper .btn:hover {
transform: translateY(-3px) scale(1.05);
background: #ffea00;
}

#message {
display: none;
font-size: 2em;
font-weight: 900;
color: #ffd700;
}

// Initial confetti
var duration = 3 * 1000;
var end = Date.now() + duration;

(function frame() {
if (typeof confetti === ‘function’) {
confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: [‘#ff007f’, ‘#ffd700’, ‘#ffffff’] });
confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: [‘#ff007f’, ‘#ffd700’, ‘#ffffff’] });
}
if (Date.now() < end) { requestAnimationFrame(frame); }
}());

// Countdown Logic
const targetDate = new Date();
targetDate.setHours(22, 0, 0, 0); // 10 PM today

function updateCountdown() {
const now = new Date().getTime();
const distance = targetDate.getTime() – now;

if (distance < 0) {
document.getElementById("countdown-timer").style.display = "none";
document.getElementById("message").style.display = "block";
if (typeof confetti === 'function') {
confetti({ particleCount: 150, spread: 100, origin: { y: 0.6 } });
}
return;
}

document.getElementById("hours").innerText = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString().padStart(2, '0');
document.getElementById("minutes").innerText = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)).toString().padStart(2, '0');
document.getElementById("seconds").innerText = Math.floor((distance % (1000 * 60)) / 1000).toString().padStart(2, '0');
}

setInterval(updateCountdown, 1000);
updateCountdown();