@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400 900;font-display:swap;src:url('../assets/fonts/vazirmatn-arabic.woff2') format('woff2')}
.site-head .brand{display:inline-block;font-size:28px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--ink)}.site-head .brand img{display:none}.site-head .brand i{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;background:var(--accent);box-shadow:13px 0 #e4b433;vertical-align:9px}
:root{--ink:#132238;--muted:#536477;--paper:#f4f7fb;--line:#dbe5f0;--card:#fff;--accent:#ff5a36;--deep:#071a33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/2 Vazirmatn,Tahoma,sans-serif;direction:rtl;text-align:right}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.site-head{padding:16px 0;background:#fff;border-bottom:1px solid var(--line)}.site-head .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;direction:rtl}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:22px;font-weight:900;letter-spacing:-.6px;text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px;flex:none}.brand span{direction:ltr;unicode-bidi:embed}.site-head nav{display:flex;align-items:center;gap:18px}.site-head nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:700}.site-head nav a:hover{color:var(--accent)}.blog-hero{padding:72px 0 62px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 32%),var(--deep);color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.crumb{display:inline-flex;gap:8px;align-items:center;color:#c7d5e8;font-size:13px;text-decoration:none}.crumb:hover{color:#fff}.eyebrow{margin:22px 0 9px;color:#91e1dc;font-size:13px;font-weight:800}.blog-hero h1{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.25;letter-spacing:-1.5px}.lead{max-width:650px;margin:20px 0 0;color:#d2dbea;font-size:18px;line-height:2}.meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:23px;color:#b2c2d9;font-size:13px}.cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;box-shadow:0 24px 56px #0006}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:52px;padding:58px 0 70px}.article{min-width:0;background:var(--card);border:1px solid var(--line);padding:clamp(24px,5vw,58px);border-radius:22px;direction:rtl;text-align:right}.article h2{margin:42px 0 12px;font-size:27px;line-height:1.5;letter-spacing:-.6px}.article h2:first-child{margin-top:0}.article h3{margin:28px 0 8px;font-size:20px}.article p{margin:0 0 18px;color:#304258}.article ul,.article ol{padding-right:24px;padding-left:0;color:#304258}.article li{padding:5px 0}.tip{margin:27px 0;padding:18px 20px;border-right:4px solid var(--accent);border-left:0;border-radius:0 12px 12px 0;background:#fff4ef;color:#70301f;font-weight:600}.steps{display:grid;gap:12px;padding:0!important;list-style:none}.steps li{padding:16px 18px!important;border:1px solid var(--line);border-radius:12px;background:#f9fbfd}.steps b{display:inline-grid;width:27px;height:27px;place-items:center;margin-left:8px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px}.article a{color:#c73d20;font-weight:800}.aside{align-self:start;position:sticky;top:20px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;direction:rtl;text-align:right}.aside strong{display:block;font-size:15px}.aside p{margin:5px 0 16px;color:var(--muted);font-size:13px;line-height:1.9}.play{display:block;padding:11px;border-radius:9px;background:var(--accent);color:#fff!important;text-align:center;text-decoration:none;font-size:14px}.related{padding:60px 0 78px;background:#e8eff7}.section-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:25px}.section-top h2{margin:0;font-size:28px}.section-top a{color:#ca421f;font-size:14px;font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;border:1px solid #d8e2ec;border-radius:17px;background:#fff;color:var(--ink);text-align:right;text-decoration:none;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #25456520}.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.card div{padding:16px}.card small{color:#bf4528;font-weight:800}.card h3{margin:7px 0 0;font-size:17px;line-height:1.7}.site-foot{padding:24px 0;background:#071a33;color:#b9c8dc;text-align:center;font-size:13px}.site-foot a{color:#fff;text-decoration:none;font-weight:800}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:22px}.cover{max-width:none;height:180px;aspect-ratio:auto;object-fit:cover;object-position:center}.article-wrap{grid-template-columns:1fr;gap:20px;padding-top:34px}.aside{position:static;display:flex;align-items:center;gap:16px}.aside p{display:none}.aside .play{min-width:130px;margin-right:auto}.cards{grid-template-columns:1fr}.blog-hero{padding:34px 0}.lead{font-size:16px}}@media(max-width:520px){.shell{width:min(100% - 28px,1120px)}.site-head{padding:12px 0}.brand{font-size:20px}.brand img{width:32px;height:32px;border-radius:9px}.site-head nav{gap:12px}.site-head nav a{font-size:12px}.site-head nav a:last-child{display:none}.article{padding:22px 18px}.article h2{font-size:23px}.aside{display:block}.aside .play{margin-top:12px}.meta{gap:10px}.cover{height:145px;border-radius:15px}}