*,*::before,*::after{{margin:0;padding:0;box-sizing:border-box}}:root{{--green:#1B9E5C;--green-dark:#137A46;--green-light:#E8F7F0;--navy:#0F1B3D;--white:#FFF;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--font-display:'Outfit',sans-serif;--font-body:'DM Sans',sans-serif}}html{{scroll-behavior:smooth}}body{{font-family:var(--font-body);color:var(--gray-800);line-height:1.7;background:var(--white)}}{"body{direction:rtl}" if direction=="rtl" else ""}
.container{{max-width:800px;margin:0 auto;padding:0 24px}}
.navbar{{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;background:#fff;box-shadow:0 1px 12px rgba(0,0,0,.06)}}.navbar .container{{max-width:1200px;display:flex;align-items:center;justify-content:space-between}}.logo{{display:flex;align-items:center;gap:10px;text-decoration:none}}.logo-icon{{width:36px;height:36px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center}}.logo-icon svg{{width:20px;height:20px;fill:var(--white)}}.logo-text{{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--gray-900)}}.logo-text span{{color:var(--green)}}
.nav-links{{display:flex;align-items:center;gap:24px;list-style:none}}.nav-links a{{font-family:var(--font-display);font-weight:500;font-size:14px;color:var(--gray-600);text-decoration:none}}.nav-links a:hover{{color:var(--gray-900)}}.nav-btn{{padding:8px 20px!important;border-radius:50px!important;font-weight:600!important;font-size:13px!important}}.nav-btn-outline{{border:2px solid var(--green)!important;color:var(--green)!important}}.nav-btn-primary{{background:var(--green)!important;color:var(--white)!important}}
.article{{padding:120px 0 80px}}.article-header{{margin-bottom:48px}}.article-meta{{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}}.article-tag{{font-family:var(--font-display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--green-light);color:var(--green);padding:4px 12px;border-radius:6px}}.article-date{{font-size:14px;color:var(--gray-400)}}.article h1{{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,42px);line-height:1.15;color:var(--gray-900);margin-bottom:20px}}.article-intro{{font-size:18px;color:var(--gray-500);line-height:1.8;margin-bottom:40px;border-left:4px solid var(--green);padding-left:20px}}
.article h2{{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--gray-900);margin:48px 0 16px;padding-top:16px;border-top:1px solid var(--gray-100)}}.article p{{font-size:16px;color:var(--gray-700);line-height:1.8;margin-bottom:20px}}.article ul{{margin:16px 0 24px 24px;display:flex;flex-direction:column;gap:10px}}.article li{{font-size:15px;color:var(--gray-600);line-height:1.7}}.article li strong{{color:var(--gray-800)}}
.article-cta{{margin:48px 0;padding:40px;background:linear-gradient(135deg,var(--green-light),#DBEAFE);border-radius:16px;text-align:center}}.article-cta p{{font-size:17px;color:var(--gray-700);margin-bottom:20px}}.btn{{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:15px;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;text-decoration:none;transition:all .3s}}.btn-primary{{background:var(--green);color:var(--white);box-shadow:0 4px 14px rgba(27,158,92,.35)}}.btn-primary:hover{{background:var(--green-dark);transform:translateY(-2px)}}
.article-nav{{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--gray-200);flex-wrap:wrap;gap:16px}}.article-nav a{{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--green);text-decoration:none}}.article-nav a:hover{{text-decoration:underline}}
.footer{{padding:40px 0;background:var(--gray-900);text-align:center}}.footer p{{font-size:13px;color:var(--gray-500)}}.footer a{{color:var(--gray-400);text-decoration:none}}.footer a:hover{{color:var(--white)}}
.highlight-box{{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:24px;margin:24px 0}}
@media(max-width:768px){{.nav-links{{display:none}}.article h1{{font-size:28px}}.article-intro{{font-size:16px}}}}