/* ===== SECTION FULL WIDTH ===== */ .form-section{ width:100%; background:linear-gradient(145deg,#050505,#121212); padding:80px 10%; text-align:center; } /* ===== FORM ===== */ #competitionForm{ max-width:600px; margin:auto; } /* Inputs */ #competitionForm input{ width:100%; padding:16px; margin-bottom:18px; background:#111; border:1px solid #2b2b2b; border-radius:10px; color:#fff; font-size:15px; transition:.3s; } #competitionForm input::placeholder{ color:#888; } #competitionForm input:focus{ outline:none; border-color:#ff1a1a; box-shadow:0 0 12px rgba(255,0,0,.35); } /* Button */ #competitionForm button{ width:100%; padding:17px; background:linear-gradient(135deg,#b30000,#ff1a1a); border:none; border-radius:10px; color:#fff; font-size:16px; font-weight:600; letter-spacing:.5px; cursor:pointer; transition:.35s; } #competitionForm button:hover{ transform:translateY(-2px); box-shadow:0 8px 25px rgba(255,0,0,.45); } /* Success Message */ #successMessage{ display:none; margin-top:30px; padding:30px; background:#0f0f0f; border-radius:12px; border:1px solid rgba(255,0,0,.3); color:#fff; } #successMessage a{ color:#ff2b2b; font-weight:bold; text-decoration:none; font-size:18px; } document.getElementById(“competitionForm”).addEventListener(“submit”, function(e){ e.preventDefault(); let form = this; let btn = form.querySelector(“button”); btn.innerText = “Sending…”; btn.disabled = true; let data = new FormData(form); fetch(“”,{ method:”POST”, body:data }).then(()=>{ form.style.display=”none”; document.getElementById(“successMessage”).style.display=”block”; }); });