:root{
–bg0:#070B14;
–bg1:#0B1220;
–text:#EAF1FF;
–muted:#B9C6E6;
–blue:#1F6CFF;
–fire:#FF3B30;
–gold:#D6B25E;
–line:rgba(255,255,255,.10);
–radius:18px;
–font: ui-sans-serif, system-ui, -apple-system, “Segoe UI”, Tahoma, Arial, “Noto Kufi Arabic”, “Noto Sans Arabic”, sans-serif;
–shadow:0 18px 50px rgba(0,0,0,.42);
–max:1100px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:var(–font);
background:
radial-gradient(1200px 700px at 85% -10%, rgba(31,108,255,.18), transparent 65%),
radial-gradient(900px 600px at 10% 10%, rgba(255,122,0,.12), transparent 60%),
linear-gradient(180deg, var(–bg0) 0%, var(–bg1) 55%, var(–bg0) 100%);
color:var(–text);
line-height:1.85;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(–max);margin:auto;padding:0 18px}
.topbar{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(7,11,20,.7);border-bottom:1px solid var(–line);z-index:50}
.topbar .inner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg, rgba(31,108,255,.95), rgba(0,194,255,.85) 50%, rgba(255,122,0,.85));position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(31,108,255,.18)}
.logo:after{content:””;position:absolute;inset:-30%;background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.45), transparent 45%);transform:rotate(25deg)}
nav{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}
nav a{padding:8px 10px;border:1px solid var(–line);border-radius:999px;color:var(–muted);transition:.2s}
nav a:hover{color:var(–text);border-color:rgba(31,108,255,.55);transform:translateY(-1px)}
.hero{padding:42px 0 18px}
.hero .title{font-size:30px;margin:0 0 8px}
.hero .subtitle{margin:0 0 14px;color:var(–muted)}
.badgeRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.badge{padding:6px 10px;border-radius:999px;border:1px solid var(–line);font-size:12px;color:var(–muted)}
.badge.blue{border-color:rgba(31,108,255,.45)}
.badge.fire{border-color:rgba(255,59,48,.45)}
.badge.gold{border-color:rgba(214,178,94,.45)}
.btn{padding:10px 14px;border-radius:12px;border:1px solid var(–line);font-weight:700;cursor:pointer;transition:.2s;display:inline-block;margin-top:14px}
.btnPrimary{background:linear-gradient(135deg,rgba(31,108,255,.25),rgba(0,194,255,.15));border-color:rgba(31,108,255,.45)}
.btnFire{background:linear-gradient(135deg,rgba(255,59,48,.22),rgba(255,122,0,.18));border-color:rgba(255,122,0,.50)}
.section{padding:18px 0}
.card{background:rgba(15,26,46,.85);border-radius:var(–radius);padding:18px;border:1px solid var(–line);box-shadow:var(–shadow);margin-bottom:18px}
.h2{font-size:18px;margin:0 0 8px}
.muted{color:var(–muted)}
.quote{background:rgba(214,178,94,.07);border:1px dashed rgba(214,178,94,.45);padding:12px;border-radius:14px;font-weight:800;text-align:center;color:var(–text)}
.imgBox{border-radius:var(–radius);overflow:hidden;border:1px solid var(–line);background:rgba(255,255,255,.03);margin-top:10px}
.imgBox img{width:100%;display:block;cursor:zoom-in}
.caption{padding:10px 12px;color:var(–muted);font-size:13px;border-top:1px solid var(–line);background:rgba(7,11,20,.38)}
footer{text-align:center;color:var(–muted);font-size:13px;margin-top:30px;padding:26px 0;border-top:1px solid var(–line)}
من مملكة الإطفائيين إلى FirePro One
قصة ريادة في نشر الوعي الوقائي وتاريخ عريق
لم تكن FirePro One مشروعًا وُلد من فراغ، بل امتدادًا لمسيرة معرفية ومهنية بدأت قبل أكثر من عشرين عامًا،
حين انطلقت مبادرة مملكة الإطفائيين ومكافحة الحريق كأول موقع عربي شخصي متخصص في السلامة والوقاية من الحريق.
توثيق صحفي
تكريم SFPE (2006)
عودة برؤية تقنية
🏆 التكريم المهني – درع SFPE (2006)
في عام 2006م، مُنح مؤسس موقع “مملكة الإطفائيين ومكافحة الحريق”
درع شكر وتقدير من جمعية مهندسي الوقاية من الحريق (SFPE) – فرع المملكة العربية السعودية،
تقديرًا للإشراف العام والمشاركة الفاعلة في اللقاء الأول للجمعية الذي أُقيم في مدينة الجبيل الصناعية.
🚀 FirePro One – امتداد المسيرة برؤية المستقبل
اليوم تعود التجربة برؤية أكثر نضجًا عبر FirePro One، كمنصة معرفية وتقنية حديثة توظّف الخبرة والذكاء الاصطناعي
لنشر الوعي الوقائي ودعم التحول الرقمي في السلامة وصناعة مستقبل أكثر أمانًا.
document.getElementById(“year”).textContent = new Date().getFullYear();


