<div style="background: rgb(15, 16, 17); border-radius: 20px; border: 1px solid rgb(34, 34, 34); box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 50px; color: white; font-family: "Segoe UI", Roboto, sans-serif; margin: auto; max-width: 850px; padding: 40px 20px; text-align: center;">
<div style="background: linear-gradient(135deg, rgba(88, 101, 242, 0.1) 0%, rgba(243, 156, 18, 0.1) 100%); border-radius: 15px; border: 2px solid rgb(243, 156, 18); box-shadow: rgba(243, 156, 18, 0.2) 0px 0px 20px; margin-bottom: 35px; padding: 25px; position: relative; transition: 0.3s;">
<div style="background: rgb(243, 156, 18); border-radius: 20px; color: black; font-size: 11px; font-weight: 900; left: 50%; letter-spacing: 1px; padding: 2px 20px; position: absolute; top: -12px; transform: translateX(-50%);">RESMİ SPONSOR</div>
<div style="align-items: center; display: flex; flex-direction: column; gap: 10px;">
<span style="color: #888888; font-size: 14px; letter-spacing: 2px;">POWERED BY</span>
<a href="https://hesap.com.tr/u/askroshop" style="text-decoration: none; transition: 0.3s;" target="_blank">
<h2 style="color: #f39c12; font-size: 42px; font-weight: 900; letter-spacing: -1px; margin: 0px; text-shadow: rgba(243, 156, 18, 0.5) 0px 0px 15px;">AskroShop</h2>
</a>
<p style="color: #aaaaaa; font-size: 13px; margin: 0px;">Dijital Ürünlerde Güvenin Tek Adresi</p>
</div>
</div>
<h1 style="color: white; font-size: 26px; letter-spacing: 3px; margin-bottom: 10px; text-transform: uppercase;">HEDİYE ÇEKİLİŞİ</h1>
<div style="background-image: radial-gradient(circle at top right, rgba(88, 101, 242, 0.1),transparent); background: radial-gradient(circle at right top, rgba(88, 101, 242, 0.1),transparent) rgb(22, 23, 25); border-radius: 25px; border: 2px dashed rgb(88, 101, 242); margin: 30px 0px; padding: 40px; position: relative;">
<div style="filter: drop-shadow(0 0 10px #5865f2); font-size: 60px;">🎁</div>
<h2 id="current-prize" style="color: white; font-size: 32px; font-weight: 800; margin: 15px 0px;">5x İstediğiniz OYUN</h2>
<div id="timer" style="background: rgba(0, 0, 0, 0.3); border-radius: 10px; border: 1px solid rgb(51, 51, 51); color: #f39c12; display: inline-block; font-family: "Courier New", monospace; font-size: 28px; font-weight: bold; padding: 10px 25px;">00 GÜN 00:00:00</div>
</div>
<div style="background: rgba(255, 69, 0, 0.05); border-radius: 12px; border: 1px solid rgba(255, 69, 0, 0.3); margin-bottom: 25px; padding: 15px; text-align: left;">
<div style="color: #ff6b6b; font-weight: bold; margin-bottom: 5px;">⚠️ KATILIM ŞARTLARI:</div>
<ul style="color: #cccccc; font-size: 14px; line-height: 1.6; margin: 0px; padding-left: 20px;">
<li>Forumumuzda en az <b>1 aktif konunuz</b> olmalıdır.</li>
<li>Discord sunucumuza en az <b>2 kişi davet etmelisiniz</b> (Kontrol edilir).</li>
<li>Sahte başvurular ve davetler diskalifiye sebebidir!</li>
</ul>
</div>
<button id="mainBtn" onclick="openModal()" style="background: rgb(88, 101, 242); border-radius: 15px; border: none; box-shadow: rgba(88, 101, 242, 0.3) 0px 15px 30px; color: white; cursor: pointer; font-size: 20px; font-weight: bold; letter-spacing: 1px; max-width: 400px; padding: 22px; text-transform: uppercase; transition: 0.4s; width: 100%;">
ÇEKİLİŞE HEMEN KATIL
</button>
<div id="formModal" style="backdrop-filter: blur(8px); background: rgba(0, 0, 0, 0.92); display: none; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 9999;">
<div style="background: rgb(26, 28, 30); border-radius: 20px; border: 1px solid rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 40px; margin: 8% auto; max-width: 450px; padding: 35px; position: relative; text-align: left; width: 90%;">
<span onclick="closeModal()" style="color: #888888; cursor: pointer; font-size: 32px; line-height: 1; position: absolute; right: 25px; top: 20px;">×</span>
<h3 style="color: #5865f2; font-size: 24px; margin-top: 0px;">Katılım Formu</h3>
<p style="color: #888888; font-size: 13px; margin-bottom: 25px;">2 davet şartını tamamladıysanız bilgilerinizi girin.</p>
<form action="https://formspree.io/f/mojjqydv" id="cekilisForm" method="POST">
<div style="margin-bottom: 18px;">
<label style="color: #cccccc; display: block; font-size: 13px; margin-bottom: 8px;">Forum Kullanıcı Adınız:</label>
<input name="forum_username" placeholder="Örn: KralSatıcı123" required="" style="background: rgb(11, 12, 13); border-radius: 10px; border: 1px solid rgb(51, 51, 51); color: white; outline: none; padding: 14px; width: 100%;" type="text" />
</div>
<div style="margin-bottom: 18px;">
<label style="color: #cccccc; display: block; font-size: 13px; margin-bottom: 8px;">Aktif E-Posta Adresiniz:</label>
<input name="user_email" placeholder="iletisim@mail.com" required="" style="background: rgb(11, 12, 13); border-radius: 10px; border: 1px solid rgb(51, 51, 51); color: white; outline: none; padding: 14px; width: 100%;" type="email" />
</div>
<div style="margin-bottom: 25px;">
<label style="color: #aaaaaa; cursor: pointer; font-size: 12px;">
<input required="" style="margin-right: 5px;" type="checkbox" /> Discord'a 2 kişi davet ettiğimi onaylıyorum.
</label>
</div>
<input name="odul_tipi" type="hidden" value="1000 Instagram Takipci" />
<button style="background: rgb(67, 181, 129); border-radius: 10px; border: none; box-shadow: rgba(67, 181, 129, 0.3) 0px 5px 15px; color: white; cursor: pointer; font-size: 18px; font-weight: bold; padding: 18px; transition: 0.3s; width: 100%;" type="submit">KAYDIMI OLUŞTUR</button>
</form>
</div>
</div>
</div>
<script>
function openModal(){document.getElementById("formModal").style.display = "block"; }
function closeModal(){document.getElementById("formModal").style.display = "none"; }
function startTimer() {
const now = new Date();
// Çekilişin Bitiş Tarihini Buradan Ayarla: (Yıl, Ay-1, Gün, Saat, Dakika)
// Örnek: 20 Ocak 2026 saat 20:00 için (2026, 2, 5, 20, 0, 0)
const finishDate = new Date(2026, 1, 5, 20, 0, 0);
const diff = finishDate - now;
if (diff <= 0) {
document.getElementById("timer").innerText = "ÇEKİLİŞ SONA ERDİ!";
return;
}
const d = Math.floor(diff / (1000 * 60 * 60 * 24));
const h = Math.floor((diff / (1000 * 60 * 60)) % 24);
const m = Math.floor((diff / 1000 / 60) % 60);
const s = Math.floor((diff / 1000) % 60);
document.getElementById("timer").innerText =
(d < 10 ? "0" + d : d) + " GÜN " +
(h < 10 ? "0" + h : h) + ":" +
(m < 10 ? "0" + m : m) + ":" +
(s < 10 ? "0" + s : s);
setTimeout(startTimer, 1000);
}
startTimer();
document.getElementById("cekilisForm").onsubmit = function() {
setTimeout(function() {
document.getElementById("mainBtn").innerText = "BAŞVURU ALINDI ✅";
document.getElementById("mainBtn").style.background = "#2f3136";
document.getElementById("mainBtn").disabled = true;
closeModal();
}, 1000);
};
</script>