:root{
–bg:#0f0f0f;
–panel:#111;
–panel2:#121212;
–border:#222;
–text:#fff;
–muted:rgba(255,255,255,.78);
–muted2:rgba(255,255,255,.62);
–orange1:#ff7a00;
–orange2:#ffb000;
–red:#e53935;
–shadow:0 10px 30px rgba(0,0,0,.25);
–radius:18px;
}

.fpol{direction:rtl;font-family:inherit}
.hero{
background:linear-gradient(135deg,#0c0c0c,#1a1a1a);
border:1px solid var(–border);
border-radius:var(–radius);
padding:22px;
margin:16px 0;
color:var(–text);
box-shadow:var(–shadow);
}
.hero-inner{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.hero-left{flex:1;min-width:260px}
.hero-right{width:320px;max-width:100%}
.hero-img{width:100%;border-radius:14px;display:block;box-shadow:0 10px 24px rgba(0,0,0,.35)}

.badge{
display:inline-block;padding:8px 12px;border-radius:999px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
font-weight:800
}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}
.chip{
display:inline-block;padding:6px 12px;border-radius:999px;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
font-weight:900;font-size:12px;color:rgba(255,255,255,.92)
}
.chip-time{background:rgba(255,122,0,.12);border-color:rgba(255,122,0,.28);color:#ffd2a1}
.chip-cert{background:rgba(229,57,53,.12);border-color:rgba(229,57,53,.28);color:#ffd0cf}
.chip-pre{background:rgba(255,176,0,.10);border-color:rgba(255,176,0,.25);color:#ffe1a8}

.title{
margin:6px 0 8px;
font-size:34px;line-height:1.2;
color:var(–orange1);
text-shadow:0 0 18px rgba(255,122,0,.18);
font-weight:1000;
}
.sub{margin:0 0 14px;color:var(–muted);font-size:15px;line-height:1.7}

.cta{display:flex;gap:10px;flex-wrap:wrap}
.btn{
display:inline-block;padding:10px 14px;border-radius:14px;text-decoration:none;
font-weight:950;border:1px solid rgba(255,255,255,.14)
}
.btn.primary{background:var(–red);color:#fff;box-shadow:0 10px 18px rgba(229,57,53,.25);border-color:rgba(229,57,53,.35)}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff}

.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media(max-width:900px){.meta{grid-template-columns:1fr}}
.meta-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:10px 12px;border-radius:14px}
.meta-card b{display:block;font-size:14px;color:var(–orange2)}
.meta-card span{display:block;color:rgba(255,255,255,.82);font-size:12px;margin-top:3px}

.nav{
display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px;
padding:10px;border-radius:16px;border:1px solid var(–border);
background:linear-gradient(135deg,#0f0f0f,#141414);
}
.nav a{
text-decoration:none;font-weight:900;color:rgba(255,255,255,.9);
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
padding:8px 12px;border-radius:999px
}
.nav a:hover{border-color:rgba(255,122,0,.35)}

.section{margin:20px 0}
.h2{
margin:0 0 10px;font-size:22px;
color:var(–orange1);
text-shadow:0 0 16px rgba(255,122,0,.14);
font-weight:1000;
}
.h3{margin:0 0 8px;font-size:17px;color:#fff;font-weight:950}
.h4{margin:0 0 8px;font-size:15px;color:#fff;font-weight:950}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}

.card{
background:var(–panel);
border:1px solid var(–border);
border-radius:16px;
padding:14px;
color:#fff;
box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.card p{margin:0;color:var(–muted);line-height:1.7}

.list{margin:0;padding:0 18px 0 0;color:var(–muted);line-height:1.9}
.list li{margin:0}

.module{
background:linear-gradient(135deg,#101010,#151515);
border:1px solid var(–border);
border-radius:16px;
padding:14px;
margin-bottom:12px;
}
.module-head{display:flex;gap:10px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.m-badge{
display:inline-block;padding:6px 10px;border-radius:999px;
background:rgba(255,122,0,.12);border:1px solid rgba(255,122,0,.28);
color:#ffd2a1;font-weight:1000;font-size:12px
}

.matrix{
margin-top:12px;
background:#0d0d0d;
border:1px solid var(–border);
border-radius:16px;
padding:12px;
}
.matrix-title{font-weight:1000;color:#fff;margin:0 0 10px}
.matrix-grid{display:grid;gap:6px}
.matrix-row{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:6px}
.cell{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.10);
border-radius:12px;
padding:10px 8px;
text-align:center;
font-weight:900;
color:#fff;
font-size:12px;
}
.cell.head{background:rgba(255,255,255,.07)}
.cell.side{background:rgba(255,255,255,.06)}
.cell.l{background:rgba(46,125,50,.16);border-color:rgba(46,125,50,.28)}
.cell.m{background:rgba(255,176,0,.14);border-color:rgba(255,176,0,.26)}
.cell.h{background:rgba(229,57,53,.14);border-color:rgba(229,57,53,.26)}
.cell.x{background:rgba(156,39,176,.16);border-color:rgba(156,39,176,.28)}

.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pill{
display:inline-block;padding:6px 10px;border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.06);
color:#fff;font-weight:900;font-size:12px
}
.pill.l{border-color:rgba(46,125,50,.35)}
.pill.m{border-color:rgba(255,176,0,.35)}
.pill.h{border-color:rgba(229,57,53,.35)}
.pill.x{border-color:rgba(156,39,176,.35)}

.mini{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
padding:12px;
}

.dl{
display:block;text-decoration:none;
background:linear-gradient(135deg,#101010,#141414);
border:1px solid var(–border);
border-radius:16px;
padding:14px;
color:#fff;
box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.dl b{display:block;color:var(–orange2);font-size:14px}
.dl span{display:block;margin-top:6px;color:var(–muted2);font-size:12px}

.muted{color:#777;margin:10px 0 0}

.faq{
background:var(–panel2);
border:1px solid var(–border);
border-radius:16px;
padding:10px 12px;
margin-bottom:10px;
color:#fff
}
.faq summary{cursor:pointer;font-weight:950;color:var(–orange2)}
.faq p{margin:10px 0 0;color:var(–muted);line-height:1.7}

.final{
background:linear-gradient(135deg,#111,#1a1a1a);
border:1px solid var(–border);
border-radius:var(–radius);
padding:18px;
margin:18px 0 10px;
}
.final-inner{color:#fff}
.final h2{margin:0 0 6px;color:var(–orange1);font-weight:1000}
.final p{margin:0 0 12px;color:var(–muted)}