/* ===== Brand + Sitewide BG ===== */
:root{
–bg-1:#0f0a1a; –bg-2:#241b3f; –bg-3:#35256a;
–gold:#f5c451; –text:#f7f7fb; –muted:#c8c4d7;
–btn:#7b2bff; –btn-2:#5320b7; –glass:rgba(255,255,255,.06); –stroke:rgba(255,255,255,.12);
–tone2a:#b9a6ff; –tone2b:#e2d9ff;
}
html,body{height:100%}
body{
margin:0; color:var(–text);
font-family:”Cairo”,Tahoma,system-ui,-apple-system,”Segoe UI”,sans-serif;
background:
radial-gradient(1000px 480px at 85% -10%, rgba(245,196,81,.10), transparent 60%),
radial-gradient(900px 520px at 10% 110%, rgba(123,43,255,.12), transparent 60%),
linear-gradient(160deg,var(–bg-1),var(–bg-2) 45%,var(–bg-3) 95%);
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.wrap{width:min(1200px,100%); margin-inline:auto; padding:clamp(14px,3.5vw,32px)}
.grid{display:grid; gap:clamp(14px,3vw,26px)}
a{text-decoration:none}
/* ===== HERO ===== */
.hero{min-height:80vh; display:grid; align-items:center}
.hero-grid{grid-template-columns:1fr}
@media (min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr}}
.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border:1px solid var(–stroke);
border-radius:999px;background:var(–glass);backdrop-filter:blur(8px);color:var(–muted);font-size:.95rem}
.badge b{color:var(–gold)}
.h1{margin:14px 0 10px; font-size:clamp(28px,6.2vw,50px); line-height:1.18; letter-spacing:.1px; max-width:22ch}
.tone-1{background:linear-gradient(90deg,var(–gold),#ffe7a6); -webkit-background-clip:text; background-clip:text; color:transparent}
.tone-2{background:linear-gradient(90deg,var(–tone2a),var(–tone2b)); -webkit-background-clip:text; background-clip:text; color:transparent}
.sub{margin:8px 0 14px; font-size:clamp(15px,1.7vw,18px); color:var(–muted); line-height:1.7; max-width:56ch}
.chips{display:flex;flex-wrap:wrap;gap:10px 12px; margin:0 0 14px}
.chip{padding:.5rem .85rem;border-radius:999px;border:1px solid var(–stroke);background:var(–glass);color:#ece8f8;font-size:.93rem}
.cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{appearance:none;border:0;cursor:pointer;padding:14px 22px;border-radius:14px;
background:linear-gradient(180deg,var(–btn),var(–btn-2));color:#fff;font-weight:800;font-size:1rem;
box-shadow:0 8px 24px rgba(123,43,255,.26), inset 0 0 0 1px rgba(255,255,255,.10);
transition:transform .15s ease, filter .2s ease, box-shadow .2s ease;display:inline-block}
.btn:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 12px 30px rgba(123,43,255,.34)}
.btn-ghost{background:transparent;border:1px solid var(–stroke);color:#fff;padding:13px 18px;border-radius:12px;font-weight:700;display:inline-block}
.facts{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:var(–muted);font-size:.95rem}
.facts b{color:#fff}
/* Hero cover */
.mock{position:relative; isolation:isolate; aspect-ratio:4/3; border-radius:20px; overflow:hidden;
border:1px solid var(–stroke); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 54px rgba(0,0,0,.28)}
.hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.38; mix-blend-mode:screen; display:none}
.fade{position:absolute; inset:0; background:linear-gradient(120deg, rgba(17,10,26,.55), rgba(17,10,26,0) 60%); z-index:1}
.logo{position:absolute; top:10px; inset-inline-end:10px; display:inline-flex; align-items:center; gap:.5rem;
padding:7px 10px; border-radius:12px; background:var(–glass); border:1px solid var(–stroke); font-weight:800; color:#efe9ff; z-index:2}
.shield{position:absolute; bottom:10px; inset-inline-start:10px; padding:7px 10px;border-radius:12px;background:var(–glass);border:1px solid var(–stroke); color:#dbcfff;font-size:.9rem; z-index:2}
/* ===== CATALOG — Mobile-first: BIG slides ===== */
.proof{padding-block:8px 26px}
.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.head h2{margin:0; font-size:clamp(22px,4.2vw,30px)}
.note{margin:0;color:var(–muted); font-size:.95rem}
.seg{display:inline-flex; gap:6px; padding:6px; background:var(–glass); border:1px solid var(–stroke); border-radius:999px}
.seg-btn{padding:8px 14px; border-radius:999px; border:0; cursor:pointer; color:#e8e4f6; background:transparent; font-weight:700}
.seg-btn.is-active{background:linear-gradient(180deg,var(–btn),var(–btn-2)); box-shadow:0 6px 18px rgba(123,43,255,.28)}
.carousel{position:relative; overflow:hidden; border-radius:16px; border:1px solid var(–stroke); background:var(–glass)}
.track{
display:flex; gap:12px; padding:12px;
overflow:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; cursor:grab; -webkit-overflow-scrolling:touch;
touch-action:pan-y; /* يسمح بالتمرير الرأسي مع السحب */
}
.track:active{cursor:grabbing}
/* — BIG, full-look slides on phones — */
.slide{
flex:0 0 auto;
width:min(720px, 94vw); /* شاشة الموبايل: شبه ملء العرض */
border-radius:14px; overflow:hidden; scroll-snap-align:start;
background:#121222; border:1px solid var(–stroke); position:relative
}
.slide img{
width:100%;
height:clamp(340px, 62vh, 680px); /* صورة طويلة وكبيرة على الموبايل */
object-fit:cover; display:block; transition:transform .25s ease
}
.slide:hover img{transform:scale(1.01)}
.cap{padding:10px 12px; color:#e9e7f6; font-size:1rem; border-top:1px solid var(–stroke)}
/* On large screens: show more cards, lower height */
@media (min-width:1024px){
.slide{width:min(440px, 40vw)}
.slide img{height:320px}
}
.nav{position:absolute; inset-block:0; inset-inline:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none}
.arrow{pointer-events:auto; width:46px; height:46px; margin:8px; border-radius:999px; border:1px solid var(–stroke);
background:rgba(0,0,0,.38); display:grid; place-items:center; cursor:pointer; backdrop-filter: blur(6px)}
.arrow svg{width:18px; height:18px; fill:#fff}
/* Lightbox */
.lightbox{position:fixed; inset:0; background:rgba(10,10,15,.87); display:none; align-items:center; justify-content:center; z-index:9999}
.lightbox.open{display:flex}
.zoom{max-width:96vw; max-height:90vh; border-radius:12px; box-shadow:0 20px 80px rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.12)}
.close, .next, .prev{position:fixed; top:14px; width:46px; height:46px; border-radius:999px; display:grid; place-items:center; color:#fff; background:rgba(0,0,0,.45); border:1px solid var(–stroke); cursor:pointer}
.close{inset-inline-end:14px}
.prev{inset-inline-start:14px; top:50%; transform:translateY(-50%)}
.next{inset-inline-end:14px; top:50%; transform:translateY(-50%)}
.kbd{position:fixed; bottom:12px; color:#cfcbe0; font-size:.9rem}
/* Timer */
.timer{display:flex; align-items:center; gap:10px; margin-top:8px; color:#fefefe}
.tile{min-width:68px; padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid var(–stroke); text-align:center}
.tile b{display:block; font-size:20px; letter-spacing:.5px}
.tile span{font-size:11px; color:var(–muted)}
.sale{color:#ffe7a6}

👑 باكدچ الملوك — استخدام شخصي + قابل للبيع • متابعة ودعم

Marketing • Design
• Data — جاهزة للشغل… وجاهزة للبيع.

أدوات + كورسات + داتا + قوالب. استعملها… أو بعها. 👌

وصول فوري عبر Google Drive
تحديثات مدى الحياة
متابعة ودعم
إعادة بيع مسموح
اشترك الآن
كتالوج الصور

00ساعة
00دقيقة
00ثانية
خصم 40% شغّال
⚡ انطلاقة سريعة📦 محتوى ضخم

KINGS • PACK
🛡️ ضمان وصول وتحديثات

كتالوج سريع

↔ اسحب للتصفّح • اضغط على أي صورة للتكبير داخل نفس الصفحة.

المحتوى
نجاحات العملاء








✕
‹
›
ESC للإغلاق • ←/→ للتنقّل

/* نفس البالِتة — لو كانت متعرفة قبل كده هتتخطى تلقائي */
:root{
–bg-1:#0f0a1a; –bg-2:#241b3f; –bg-3:#35256a;
–gold:#f5c451; –text:#f7f7fb; –muted:#c8c4d7;
–btn:#7b2bff; –btn-2:#5320b7; –glass:rgba(255,255,255,.05); –stroke:rgba(255,255,255,.10);
–tone2a:#b9a6ff; –tone2b:#e2d9ff;
}
/* أساسيات + منع سواد افتراضي من القالب */
#kings-receive{color:var(–text); font-family:”Cairo”,Tahoma,system-ui,-apple-system,”Segoe UI”,sans-serif}
#kings-receive :where(p,li,small,span,a){color:inherit}
#kings-receive .r-sub, #kings-receive .r-note, #kings-receive .r-v small{color:var(–muted) !important}
/* حاوية مرنة للموبايل */
.r-wrap{width:min(1200px,100%); margin-inline:auto; padding:clamp(14px,4vw,28px)}
/* رأس القسم */
.r-head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px}
@media (max-width:720px){.r-head{flex-direction:column; align-items:center; text-align:center; gap:8px}}
/* عنوان بلونين + أنيميشن احترافي هادي */
.r-h2{margin:0; font-size:clamp(22px,5.4vw,36px); line-height:1.15; letter-spacing:.1px}
.tone-1,
.tone-2{
-webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800;
background-size:200% 100%; animation:gradShift 7s ease-in-out infinite alternate;
}
.tone-1{background-image:linear-gradient(90deg,var(–gold),#ffe7a6)}
.tone-2{background-image:linear-gradient(90deg,var(–tone2a),var(–tone2b))}
@keyframes gradShift{
0%{background-position:0% 50%}
100%{background-position:100% 50%}
}
/* للمستخدمين اللي مفعّلين تقليل الحركة */
@media (prefers-reduced-motion:reduce){
.tone-1,.tone-2{animation:none; background-position:50% 50%}
}
.r-sub{margin:6px 0 0; font-size:clamp(13px,3.6vw,16px)}
/* شارات الحالة */
.r-tags{display:flex; gap:8px; flex-wrap:wrap}
.r-tag{padding:.5rem .8rem; border-radius:999px; background:var(–glass); border:1px solid var(–stroke); color:#efeaff; font-weight:700; font-size:.92rem; backdrop-filter:blur(8px)}
@media (max-width:720px){.r-tags{justify-content:center}}
/* كروت المحتوى — شبكة ذكية للموبايل */
.r-grid{
display:grid; gap:12px;
grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
align-items:stretch
}
@media (max-width:380px){.r-grid{grid-template-columns:1fr}}
.r-card{
border:1px solid var(–stroke);
border-radius:16px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
padding:clamp(12px,3.2vw,14px);
display:grid; gap:10px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 32px rgba(0,0,0,.16)
}
.r-top{display:flex; align-items:center; gap:10px}
.r-ico{
width:clamp(34px,6vw,38px); height:clamp(34px,6vw,38px);
border-radius:10px; display:grid; place-items:center;
background:linear-gradient(180deg,var(–btn),var(–btn-2));
box-shadow:0 8px 20px rgba(123,43,255,.20), inset 0 0 0 1px rgba(255,255,255,.10)
}
.r-ico svg{width:clamp(18px,4.5vw,20px); height:clamp(18px,4.5vw,20px); fill:#fff}
.r-title{margin:0; font-size:clamp(1rem,2.8vw,1.05rem); letter-spacing:.1px}
.r-ul{margin:0; padding:0; list-style:none; line-height:1.75; font-size:clamp(.95rem,2.8vw,1rem)}
.r-ul li{display:flex; gap:8px; align-items:flex-start}
.r-ul li::before{content:”✓”; color:#ffe7a6; font-weight:900; transform:translateY(2px)}
/* شريط قيمة مختصر — يستجيب تلقائيًا */
.r-value{
display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr));
gap:10px; margin:16px 0 4px
}
.r-v{
border:1px solid var(–stroke); border-radius:12px; background:var(–glass);
padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:8px; font-weight:800
}
/* CTA — زر عريض على الموبايل */
.r-cta{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:16px}
@media (max-width:720px){.r-cta{justify-content:center; text-align:center}}
.r-btn{
appearance:none; border:0; cursor:pointer;
padding:14px 22px; border-radius:14px;
background:linear-gradient(180deg,var(–btn),var(–btn-2)); color:#fff; font-weight:800; font-size:clamp(.98rem,3.2vw,1rem);
box-shadow:0 10px 24px rgba(123,43,255,.20), inset 0 0 0 1px rgba(255,255,255,.08); text-decoration:none; display:inline-block;
transition:transform .15s ease, filter .2s ease
}
.r-btn:hover{transform:translateY(-1px); filter:saturate(1.05)}
@media (max-width:540px){.r-btn{width:100%}}
.r-note{font-size:.95rem}

هتستلم
إيه بالظبط؟

كل حاجة متوضّبة… تشغّل فورًا أو تبيع كباكدچ جاهز.

استخدام شخصي
قابل للبيع
متابعة ودعم

برامج+15
كورساتمنصّات متعددة
داتا+123M
قوالب5 TB

اشترك الآن
كل المحتوى جاهز: تشتغل فورًا أو تبيعه كمشروع كامل.

:root{
/* fallback لنفس ألوان البراند */
–bg-1:#0f0a1a; –bg-2:#241b3f;
–text:#f7f7fb; –muted:#c8c4d7; –stroke:rgba(255,255,255,.12); –glass:rgba(255,255,255,.05);
–btn:#7b2bff; –btn-2:#5320b7; –gold:#f5c451; –gold-2:#ffe7a6;
}
#kings-faq-compact{color:var(–text); font-family:”Cairo”,Tahoma,system-ui,-apple-system,”Segoe UI”,sans-serif}
.wrap{width:min(900px,100%); margin-inline:auto; padding:clamp(12px,3.2vw,22px)}
/* عنوان صغير-شيك */
#faqTitle{
margin:0 0 8px; font-weight:900; line-height:1.1;
font-size:clamp(20px,4.6vw,30px);
background:linear-gradient(90deg,var(–gold),var(–gold-2));
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.subtitle{margin:0 0 12px; color:var(–muted); font-size:clamp(13px,1.5vw,15px)}
/* صندوق */
.acc{
border:1px solid var(–stroke);
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
border-radius:14px; overflow:hidden
}
/* عنصر */
.item{border-top:1px solid var(–stroke)}
.item:first-child{border-top:0}
.head{
width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px;
padding:10px 12px; background:transparent; border:0; cursor:pointer; text-align:inherit; color:var(–text)
}
.q{
font-weight:800; font-size:clamp(.95rem,2.6vw,1.02rem);
padding-inline-start:10px; border-inline-start:3px solid transparent;
border-image:linear-gradient(180deg,var(–btn),var(–btn-2)) 1
}
.chev{
width:18px; height:18px; flex:0 0 18px; opacity:.95; transition:transform .2s ease;
mask:url(‘data:image/svg+xml;utf8,‘) no-repeat center / contain;
background:#fff;
}
.item[aria-expanded=”true”] .chev{transform:rotate(-180deg)}
/* بانِل مدمجة */
.panel{overflow:hidden; height:0; transition:height .22s ease; border-top:1px solid transparent}
.item[aria-expanded=”true”] .panel{border-top-color:var(–stroke)}
.a{
margin:0; padding:8px 12px 10px;
font-size:.94rem; line-height:1.75; color:var(–muted)
}
/* تقليل الحركة */
@media (prefers-reduced-motion:reduce){ .panel{transition:none} }

الأسئلة الشائعة

إجابات مختصرة وواضحة—افتح السؤال اللي يهمك.

إزاي بستلم الباكدچ؟

تسليم فوري عبر رابط Google Drive + إيميل تأكيد. الوصول مدى الحياة.

هل مسموح استخدام شخصي وإعادة بيع؟

نعم—ترخيص للاستخدام الشخصي وإعادة البيع كباكدچ جاهز، مع الالتزام بسياسات المنصّات والقوانين.

هل في تحديثات مستمرة؟

أيوه—نضيف المحتوى على نفس الرابط، ونبعت إشعار وقت الإضافات الكبيرة.

تشتغل على إيه؟

موبايل وكمبيوتر (ويندوز/ماك/أندرويد). تقدر تشتغل أونلاين أو تحمّل الملفات وتشتغل أوفلاين.

الدعم بعد الشراء؟

دعم سريع عبر واتساب من نفس إيميل الشراء لحل أي مشكلة وصول أو استخدام.

هل في استرجاع؟

المحتوى رقمي ويتسلّم فورًا؛ لذلك لا يوجد استرجاع بعد الاستلام. نضمن صلاحية الروابط والوصول الكامل.

:root{
–bg-1:#0f0a1a; –bg-2:#241b3f; –bg-3:#35256a;
–text:#f7f7fb; –muted:#c8c4d7; –glass:rgba(255,255,255,.06); –stroke:rgba(255,255,255,.14);
–btn:#7b2bff; –btn-2:#5320b7; –gold:#f5c451; –toneA:#b9a6ff; –toneB:#e2d9ff; –ok:#25d366;
}
#royal-plans{color:var(–text); font-family:”Cairo”,Tahoma,system-ui,-apple-system,”Segoe UI”,sans-serif; background:linear-gradient(160deg,var(–bg-2),var(–bg-1) 40%,var(–bg-3))}
.wrap{width:min(1100px,100%); margin-inline:auto; padding:clamp(18px,4vw,36px)}
/* Head */
.head{display:grid; gap:10px; text-align:center; justify-items:center; margin-bottom:14px}
.title{margin:0; font-weight:900; line-height:1.08; font-size:clamp(26px,5.2vw,42px)}
.title .t1,.title .t2{-webkit-background-clip:text; background-clip:text; color:transparent; background-size:200% 100%}
.title .t1{background-image:linear-gradient(90deg,var(–gold),#ffe7a6)}
.title .t2{background-image:linear-gradient(90deg,var(–toneA),var(–toneB))}
.line{margin:0; color:var(–muted); font-size:clamp(14px,1.6vw,16px)}
/* Region toggle + nudge */
.region-wrap{position:relative; display:grid; justify-items:center; margin-top:8px}
.region{display:inline-grid; grid-auto-flow:column; gap:0; border:1px solid var(–stroke); border-radius:12px; overflow:hidden}
.rg{appearance:none; border:0; padding:.6rem 1rem; font-weight:900; color:#efeaff; background:var(–glass); cursor:pointer}
.rg[aria-pressed=”true”]{background:linear-gradient(180deg,var(–btn),var(–btn-2))}
/* subtle pulse to show it’s clickable */
.region.nudge{box-shadow:0 0 0 0 rgba(123,43,255,.35); animation:pulse 1.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(123,43,255,.35)} 70%{box-shadow:0 0 0 10px rgba(123,43,255,0)} 100%{box-shadow:0 0 0 0 rgba(123,43,255,0)}}
/* bubble hint */
.bubble{
position:absolute; top:100%; margin-top:8px; display:inline-flex; align-items:center; gap:8px;
padding:.45rem .7rem; border-radius:10px; background:var(–glass); border:1px solid var(–stroke);
color:#efeaff; font-weight:800; font-size:.9rem
}
.bubble::before{content:”⟵”; opacity:.8}
.bubble.hide{display:none}
/* Cards */
.grid{display:grid; gap:14px; grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.grid{grid-template-columns:1fr}}
.card{
position:relative; display:grid; gap:12px; padding:clamp(16px,3vw,20px);
border-radius:18px; border:1px solid var(–stroke);
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 42px rgba(0,0,0,.22);
}
.card–managed{border-image:linear-gradient(180deg,var(–btn),var(–btn-2)) 1}
.name{margin:0; font-weight:900; font-size:clamp(18px,3.6vw,22px)}
.name .duo{background:linear-gradient(90deg,var(–gold),#ffe7a6); -webkit-background-clip:text; background-clip:text; color:transparent}
.name .duo.alt{background:linear-gradient(90deg,var(–toneA),var(–toneB))}
.tag{justify-self:start; padding:.25rem .6rem; border-radius:999px; border:1px solid var(–stroke); background:var(–glass); color:#efeaff; font-size:.82rem; font-weight:800}
/* Price + discount */
.price{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.was{color:#d0cbea; opacity:.75; font-weight:800; display:flex; align-items:center; gap:6px}
.was s{opacity:.8}
.amount{font-weight:900; line-height:1; font-size:clamp(30px,6vw,46px); background:linear-gradient(90deg,var(–toneA),var(–toneB)); -webkit-background-clip:text; background-clip:text; color:transparent}
.unit{font-weight:800; color:#ddd4ff}
.off{padding:.25rem .55rem; border-radius:999px; background:rgba(123,43,255,.16); border:1px solid var(–stroke); font-weight:900; color:#efeaff; font-size:.85rem}
.list{margin:0; padding:0; list-style:none; display:grid; gap:6px; line-height:1.8; color:#ece8ff}
.list li{display:flex; gap:8px}
.list li::before{content:”✓”; color:#ffe7a6; font-weight:900}
.cta{display:flex; gap:10px}
.btn{
appearance:none; border:0; cursor:pointer; text-decoration:none; color:#fff; font-weight:900;
padding:14px 18px; border-radius:14px; background:linear-gradient(180deg,var(–btn),var(–btn-2));
box-shadow:0 10px 24px rgba(123,43,255,.22), inset 0 0 0 1px rgba(255,255,255,.1);
transition:transform .15s ease, filter .15s ease
}
.btn:hover{transform:translateY(-1px); filter:saturate(1.05)}
/* Pay box */
.pay{margin-top:16px; border:1px solid var(–stroke); border-radius:18px; overflow:hidden; display:none}
.pay.open{display:block; animation:fade .25s ease}
@keyframes fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
.payHead{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; background:rgba(255,255,255,.04)}
.payTitle{margin:0; font-weight:900}
.payMeta{font-weight:800}
.payBody{display:grid; gap:12px; padding:12px; background:rgba(0,0,0,.10)}
.methods{display:grid; gap:10px; grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.methods{grid-template-columns:1fr}}
.m{border:1px solid var(–stroke); background:#160f2b; border-radius:14px; padding:12px; display:grid; gap:8px}
.m h4{margin:0; font-size:1rem}
.row{display:flex; gap:8px; align-items:center; justify-content:space-between}
.code{font:800 .95rem/1.2 ui-monospace,Consolas,monospace; color:#fff; background:rgba(255,255,255,.06); border:1px solid var(–stroke); border-radius:10px; padding:8px 10px}
.copy{padding:8px 10px; border-radius:10px; background:linear-gradient(180deg,var(–btn),var(–btn-2)); color:#fff; border:0; font-weight:900; cursor:pointer}
.open{padding:8px 10px; border-radius:10px; background:var(–glass); color:#efeaff; border:1px solid var(–stroke); font-weight:800; text-decoration:none; text-align:center}
.payFoot{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:12px 14px; background:rgba(255,255,255,.03)}
.wa{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; background:var(–ok); color:#0b2f18; font-weight:900; text-decoration:none}
.wa-ico{width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:#fff}
.wa-ico svg{width:10px; height:10px; fill:#25d366}
.note{color:var(–muted); font-size:.95rem}
/* Toast */
.toast{position:fixed; inset-inline-start:50%; transform:translateX(-50%); bottom:18px; background:#0f0a1a; color:#fff;
border:1px solid var(–stroke); padding:10px 14px; border-radius:10px; box-shadow:0 14px 34px rgba(0,0,0,.35); display:none; z-index:9999}
.toast.show{display:block; animation:toast .9s ease both}
@keyframes toast{0%{opacity:0; transform:translate(-50%,8px)} 15%{opacity:1; transform:translate(-50%,0)} 85%{opacity:1} 100%{opacity:0}}

اختَر الباقة المناسبة

اضغط لتبدّل بين داخل مصر وخارج مصر — الأسعار تتحدّث تلقائيًا.

داخل مصر (EGP)
خارج مصر (USD)
تقدر تغيّر منطقتك من هنا — اضغط للتبديل

إتمام الاشتراك

—

فودافون كاش

01005629907
نسخ

InstaPay

فتح InstaPay

Binance Pay

833704794
نسخ

Redot Pay

1577600395
نسخ


بعد الدفع: ابعت سكرين على واتساب للتفعيل

لو طريقة الدفع مش مناسبة، كلّمنا على واتساب ونوفّر بديل فورًا.
تم النسخ ✓