:root{–bg:#ffffff;–text:#0f172a;–muted:#475569;–line:#e5e7eb;–grad1:#0ea5e9;–grad2:#2563eb;–grad3:#7c3aed;–grad4:#f59e0b;–grad5:#ef4444}
body{margin:0;background:var(–bg);color:var(–text);font-family:”Cairo”,sans-serif;line-height:1.7}
a{color:#0ea5e9;text-decoration:none;font-weight:700}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
header{text-align:center;background:#f8fafc;border:1px solid var(–line);border-radius:16px;padding:20px}
header img{max-width:160px;border-radius:12px;margin-bottom:12px}
header h1{margin:0;font-size:clamp(24px,3vw,34px);color:#1f2937}
header p{margin-top:8px;color:var(–muted);font-size:18px}
.badge-promo{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:900;color:#fff;background:linear-gradient(90deg,#8e2de2,#4a00e0,#06b6d4,#22c55e,#f59e0b,#ef4444,#8e2de2);background-size:300% 100%;animation:flow 8s linear infinite}
@keyframes flow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.cta{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn{padding:14px 22px;border-radius:12px;font-weight:800;font-size:18px;cursor:pointer;position:relative;overflow:hidden;border:none;transition:.3s ease}
.btn-primary{background:linear-gradient(270deg,var(–grad1),var(–grad2),var(–grad3),var(–grad4),var(–grad5));color:#fff;animation:gradientMove 6s ease infinite;background-size:300% 300%}
.btn-primary:hover{transform:translateY(-2px)}
.btn-primary::after{content:””;position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%);transform:skewX(-20deg);filter:blur(2px)}
.btn-primary:hover::after{left:120%;transition:left 1.2s ease}
@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
section{margin:34px 0;padding:20px;background:#fafafa;border:1px solid var(–line);border-radius:12px}
h2{margin:0 0 12px 0;color:#1f2937}
h3{margin:16px 0 6px 0;color:#334155}
/* FAQ */
#faq details{margin-bottom:10px;border-radius:10px;overflow:hidden}
#faq summary{list-style:none;background:#fff;border:1px solid var(–line);padding:12px 14px;font-weight:800;cursor:pointer}
#faq summary::-webkit-details-marker{display:none}
#faq details[open] summary{border-color:#0ea5e9}
#faq .faq-content{padding:12px 14px;color:#444;background:#fafafa;border:1px solid var(–line);border-top:none;border-radius:0 0 10px 10px}
/* Floating CTA */
.floating-cta{position:fixed;left:16px;right:16px;bottom:18px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:9999;padding:16px;border-radius:18px;font-weight:900;background:linear-gradient(270deg,#22c55e,#0ea5e9,#2563eb,#7c3aed,#f59e0b,#ef4444);background-size:300% 300%;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);animation:gradientMove 8s ease infinite;transition:opacity .3s ease, transform .3s ease}
.floating-cta a{color:#fff;text-decoration:none;font-size:18px}
.floating-cta:hover{transform:translateY(-2px)}
.floating-cta.hide{opacity:0;transform:translateY(10px);pointer-events:none}
.close-btn{position:absolute;top:6px;right:10px;background:rgba(0,0,0,.4);border:none;color:#fff;font-size:20px;font-weight:800;border-radius:50%;width:28px;height:28px;cursor:pointer;line-height:24px;text-align:center}
.close-btn:hover{background:rgba(0,0,0,.6)}
بونص 1xBet وكيفية الاستفادة منه
احصل على مكافأتك الترحيبية من 1xBet باستخدام كود البرومو: PROF
ما هو بونص 1xBet؟
البونص هو مكافأة ترحيبية تمنح اللاعبين الجدد رصيدًا إضافيًا عند أول إيداع، كما يقدم الموقع عروضًا أخرى للاعبين الحاليين مثل بونص إعادة الشحن والرهانات المجانية.
الشروط الأساسية لبونص 1xBet
الحد الأدنى للإيداع
قيمة دنيا لتفعيل العرض، تختلف حسب البلد.
قيمة البونص
عادةً 100% على أول إيداع حتى مبلغ معين.
متطلبات المراهنة
تدوير (Rollover) الإيداع والبونص عدة مرات قبل السحب.
المعامل الأدنى
قد يشترط معامل لا يقل عن 1.4–1.8 للرهانات.
المدة الزمنية
مهلة محددة لإكمال الشروط (عادةً 30 يومًا).
الأسئلة الشائعة
كيف أستخدم كود البرومو PROF؟
هل يمكن سحب الأرباح مباشرة؟
هل العروض متاحة لجميع الدول؟
document.getElementById(‘year’) && (document.getElementById(‘year’).textContent = new Date().getFullYear());
function closeCTA(){
var el=document.getElementById(‘floating-cta’);
if(!el) return;
el.classList.add(‘hide’);
setTimeout(function(){el.style.display=’none’},320);
}
