/* Base */
:root{–bg:#ffffff;–text:#0f172a;–muted:#475569;–line:#e5e7eb;–brand:#e74c3c;–grad1:#ff6a00;–grad2:#ff8c42;–grad3:#ff3c7e}
*{box-sizing:border-box}
body{margin:0;background:var(–bg);color:var(–text);font-family:”Cairo”,system-ui,-apple-system,Segoe UI,Roboto,”Noto Kufi Arabic”,Tahoma,Arial,sans-serif;line-height:1.75}
a{color:var(–brand);text-decoration:none;font-weight:700}
a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:20px}/* Header */
header{padding:20px;background:#f7f7f7;border:1px solid var(–line);text-align:center;border-radius:12px}
header h1{font-size:clamp(24px,3vw,34px);margin:0;color:#1f2937}
header p{color:var(–muted);font-size:18px;margin-top:10px}
/* Buttons */
.cta{display:flex;justify-content:center;gap:14px;margin-top:18px;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));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%}}
/* Sections */
section{margin:34px 0;padding:20px;background:#fafafa;border:1px solid var(–line);border-radius:12px}
h2{color:#1f2937;margin:0 0 12px 0}
h3{margin:16px 0 6px 0;color:#334155}
/* Promo badge */
.promo-line{margin-top:8px;color:var(–muted)}
.badge-promo{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:900;color:#fff;background:linear-gradient(90deg,#8e2de2,#4a00e0,#ff0080,#ff8c00,#ffd700);background-size:300% 100%;animation:promoFlow 8s linear infinite;box-shadow:0 6px 16px rgba(0,0,0,.12)}
@keyframes promoFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
/* Collapsible FAQ (details/summary) */
#faq details{margin-bottom:10px;border-radius:10px;overflow:hidden}
#faq summary{list-style:none;background:#ffffff;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:#f39c12}
#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 with dismiss (fade-out) */
.floating-cta{position:fixed;left:16px;right:16px;bottom:18px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:9999;text-align:center;padding:16px 18px;border-radius:18px;font-weight:900;background:linear-gradient(270deg,#00c6ff,#0072ff,#ff8c00,#ffd700);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)}
/* Paragraph-style key/value cards (mobile-first) — بدلاً من الجدول */
.kv-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.kv{position:relative;padding:14px;border:1px solid var(–line);border-radius:14px;background:#ffffff;box-shadow:0 6px 18px rgba(2,6,23,.05)}
.kv .kv-key{margin:0 0 6px 0;font-weight:900;color:#0f172a}
.kv .kv-value{margin:0;color:#334155}
/* ألوان مخصصة لكل عنوان فقرة */
.kv.blue{border-color:#bfdbfe}
.kv.blue .kv-key{color:#1d4ed8}
.kv.orange{border-color:#fdba74}
.kv.orange .kv-key{color:#c2410c}
.kv.green{border-color:#6ee7b7}
.kv.green .kv-key{color:#047857}
.kv.indigo{border-color:#a5b4fc}
.kv.indigo .kv-key{color:#3730a3}
.kv.pink{border-color:#f9a8d4}
.kv.pink .kv-key{color:#9d174d}
@media(min-width:720px){.kv-cards{grid-template-columns:1fr 1fr}}
ما معنى بونص Melbet وكيفية الاستفادة منه؟
بونص Melbet هو مكافأة مالية إضافية يقدمها الموقع للاعبين الجدد والحاليين. الهدف منه تعزيز الرصيد ومنح فرصة أفضل للاستمتاع بالمراهنات الرياضية وألعاب الكازينو عبر الإنترنت.
كود البرومو: PROF
ما هو بونص Melbet؟
كلمة “بونص” تعني مكافأة ترحيبية أو ترويجية يحصل عليها اللاعب عند التسجيل أو عند إجراء إيداع جديد. في Melbet، يُستخدم هذا البونص لتعزيز رصيد المستخدم بحيث يمكنه وضع المزيد من الرهانات الرياضية أو تجربة ألعاب الكازينو المتنوعة مثل السلوتس، البوكر، والروليت.
على سبيل المثال: عند إيداع 50 يورو قد تحصل على 50 يورو إضافية، ليصبح رصيدك 100 يورو للعب. هذا ما يجعل عروض Melbet خيارًا جذابًا لعشاق المراهنات عبر الإنترنت.
الشروط الأساسية لبونص Melbet
الحد الأدنى للإيداع
10 يورو أو ما يعادلها لتفعيل العرض.
قيمة البونص
قد تصل إلى 100% من قيمة الإيداع الأول.
متطلبات المراهنة
عادةً 5x أو أكثر على الرهانات الرياضية بمعامل محدد.
المدة الزمنية
يجب استخدام البونص وتلبية الشروط خلال 30 يومًا.
ملاحظات
تفاصيل العرض قد تختلف حسب بلد الإقامة وطرق الدفع؛ راجع الشروط داخل حسابك.
نصائح للاستفادة القصوى من بونص Melbet
- اقرأ الشروط والأحكام بدقة قبل تفعيل العرض.
- وزّع رهاناتك على أكثر من مباراة لتقليل المخاطر.
- استفد من عروض الكازينو لتجربة ألعاب جديدة وزيادة فرصك.
الأسئلة الشائعة حول بونص Melbet
ما هو البونص الترحيبي في Melbet؟
كيف يمكنني تفعيل البونص؟
ما معنى متطلبات المراهنة (Rollover)؟
هل يمكن استخدام البونص في الرياضة والكازينو معًا؟
هل العروض متاحة لجميع الدول؟
// سنة الحقوق
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);
}
