document.addEventListener("DOMContentLoaded", function() { const banner = document.createElement("div"); banner.id = "referendum-banner"; banner.innerHTML = ` `; document.body.prepend(banner); const style = document.createElement("style"); style.innerHTML = ` #referendum-banner { position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #5ea3cf, #4f94c4); color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 15px 40px; box-sizing: border-box; z-index: 9999; font-family: Arial, sans-serif; } body { margin-top: 120px; } #countdown { display:flex; gap:15px; } #countdown div { background: rgba(255,255,255,0.15); padding:8px 12px; border-radius:6px; text-align:center; } #countdown span { font-size:20px; font-weight:bold; display:block; } .ref-day { font-size:60px; font-weight:bold; margin-right:10px; } .ref-month { font-size:18px; } .ref-title { font-size:28px; font-weight:bold; } .ref-sub { font-size:14px; color:#ffd24d; } `; document.head.appendChild(style); const countdownDate = new Date("Mar 15, 2026 00:00:00").getTime(); setInterval(function() { const now = new Date().getTime(); const distance = countdownDate - now; if (distance <= 0) { document.getElementById("countdown").innerHTML = "Голосование началось"; return; } document.getElementById("days").innerText = Math.floor(distance / (1000 * 60 * 60 * 24)); document.getElementById("hours").innerText = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); document.getElementById("minutes").innerText = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); document.getElementById("seconds").innerText = Math.floor((distance % (1000 * 60)) / 1000); }, 1000); });