/*
Theme Name: مكتب ابو مشعل
Theme URI: https://example.com/
Author: مكتب ابو مشعل
Description: قالب صفحة هبوط عربية لخدمات تسديد القروض والمتعثرات وإيقاف الخدمات.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: abu-mishaal
*/

:root{--bg:#0b1226;--card1:#141d38;--card2:#0d1428;--text:#f7f6f2;--muted:#a7b0c6;--gold1:#f7cf6a;--gold2:#e0a32e;--green:#25d366;--border:rgba(247,207,106,.22)}
*{box-sizing:border-box;margin:0;padding:0}
html{direction:rtl}
body{background:var(--bg);color:var(--text);font-family:"Tajawal",system-ui,sans-serif;min-height:100vh}
.wrap{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 20px}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}
.b1{width:520px;height:520px;background:#e0a32e;top:-160px;right:-120px}
.b2{width:460px;height:460px;background:#1b3a6b;bottom:-160px;left:-120px}
.inner{position:relative;max-width:900px;width:100%;text-align:center;z-index:1}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:14px;color:var(--muted);margin-bottom:20px}
h1{font-family:"Cairo",sans-serif;font-size:clamp(38px,7vw,64px);font-weight:900;line-height:1.15;background:linear-gradient(135deg,var(--gold1),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin-top:14px;color:var(--muted);font-size:clamp(16px,3vw,21px)}
.grid{margin-top:38px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(160deg,#16203d,#0d1428);border:1px solid var(--border);border-radius:18px;padding:20px;text-align:right;box-shadow:0 20px 50px -30px #000}
.card h2{font-family:"Cairo",sans-serif;font-size:19px;margin-bottom:6px}
.card p{color:var(--muted);font-size:14.5px;line-height:1.7}
.ico{margin-bottom:10px;display:block}
.cta{margin-top:38px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:14px 26px;font-weight:700;font-size:17px;text-decoration:none;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.gold{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#14203b;box-shadow:0 18px 45px -18px rgba(224,163,46,.6)}
.wa{background:var(--green);color:#0b1226}
footer{margin-top:40px;color:var(--muted);font-size:14px}
.float{position:fixed;bottom:22px;left:16px;display:flex;flex-direction:column;gap:12px;z-index:99}
.float a{border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;box-shadow:0 10px 25px rgba(0,0,0,.4)}
svg{width:20px;height:20px;fill:currentColor}
@media(max-width:760px){.grid{grid-template-columns:1fr}}