/* ═══════════════════════════════════════════════════════════
   راهرو — وبلاگ. همان زبان بصری سایت اصلی (توکن‌ها/فونت/گلس/
   انیمیشن‌های ورود)، اما به‌عنوان یک بخش مستقل با تایپوگرافی و
   ریتم خودش برای خواندن مقاله — نه یک کپی از پنل اپ.
   ═══════════════════════════════════════════════════════════ */
:root{
  --bg:#07050F;--bg2:#0F0D1C;--bg3:#171529;--surf:#1F1C34;--surf2:#2A2745;
  --brd:rgba(139,92,246,.13);--brd2:rgba(139,92,246,.28);--brd3:rgba(139,92,246,.45);
  --v:#8B5CF6;--v2:#A78BFA;--vd:#6D28D9;--vl:rgba(139,92,246,.1);
  --r:#F43F5E;--rl:rgba(244,63,94,.1);
  --t:#0FDBC4;--tl:rgba(15,219,196,.1);
  --g:#F5C518;--gl:rgba(245,197,24,.1);
  --gr:#22C55E;--grl:rgba(34,197,94,.1);
  --t1:#EDE9FF;--t2:#C2B8E8;--t3:#7A6FAA;--t4:#3E3660;
  --fn:'Vazirmatn',system-ui,sans-serif;
  --ez:cubic-bezier(.22,1,.36,1);
  --r4:4px;--r8:8px;--r12:12px;--r14:14px;--r16:16px;--r20:20px;--r24:24px;
  --orb-o:.14;
  --glass-bg:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  --glass-brd:rgba(255,255,255,.10);--glass-sheen-o:.5;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#F5F3FF;--bg2:#EDE9FF;--bg3:#E5DFFE;--surf:#FFFFFF;--surf2:#F8F5FF;
  --brd:rgba(124,58,237,.12);--brd2:rgba(124,58,237,.22);--brd3:rgba(124,58,237,.38);
  --v:#7C3AED;--v2:#8B5CF6;--vd:#5B21B6;--vl:rgba(124,58,237,.08);
  --r:#E11D48;--rl:rgba(225,29,72,.08);
  --t:#0D9488;--tl:rgba(13,148,136,.08);
  --g:#B45309;--gl:rgba(180,83,9,.09);
  --gr:#15803D;--grl:rgba(21,128,61,.08);
  --t1:#241F38;--t2:#544D72;--t3:#948BB5;--t4:#D9D1EF;
  --orb-o:.16;
  --glass-bg:linear-gradient(155deg,rgba(255,255,255,.65),rgba(255,255,255,.28));
  --glass-brd:rgba(255,255,255,.55);--glass-sheen-o:.35;
  color-scheme:light;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
*{transition:background-color .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease;}
html{scroll-behavior:smooth;}
body{font-family:var(--fn);background:var(--bg);color:var(--t1);overflow-x:hidden;line-height:1.7;position:relative;}
::selection{background:rgba(139,92,246,.35);color:#fff;}
a{text-decoration:none;color:inherit;}button{font-family:var(--fn);cursor:pointer;border:none;background:none;}
.ico{display:inline-block;line-height:1;vertical-align:-0.08em;}

.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);opacity:var(--orb-o);}
.orb1{width:640px;height:640px;top:-200px;right:-200px;background:radial-gradient(circle at 38% 32%,var(--v2) 0%,var(--v) 55%,transparent 78%);}
.orb2{width:460px;height:460px;bottom:-100px;left:-140px;background:radial-gradient(circle at 40% 35%,#fb7185 0%,var(--r) 55%,transparent 78%);}
.orb3{width:380px;height:380px;top:45%;left:45%;background:radial-gradient(circle at 38% 32%,#5eead4 0%,var(--t) 55%,transparent 78%);translate:-50% -50%;}

.glass{
  position:relative;isolation:isolate;background:var(--glass-bg);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid var(--glass-brd);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 24px 60px -24px rgba(0,0,0,.5);
}

/* ─── NAV (identical to main site) ─── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;padding:calc(env(safe-area-inset-top) + 0px) 28px 0;height:calc(64px + env(safe-area-inset-top));
  background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  border-bottom:1px solid var(--glass-brd);box-shadow:0 1px 0 rgba(255,255,255,.1) inset;gap:8px;
}
.n-logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:900;flex-shrink:0;white-space:nowrap;}
.n-icon{width:34px;height:34px;border-radius:10px;display:block;object-fit:cover;box-shadow:0 0 20px rgba(139,92,246,.4);flex-shrink:0;}
.n-links{display:flex;gap:2px;margin-right:auto;margin-left:20px;}
.n-link{font-size:13px;font-weight:600;color:var(--t3);padding:7px 14px;border-radius:var(--r8);transition:all .15s;}
.n-link:hover{color:var(--t1);background:var(--vl);}
.n-cta{
  padding:9px 22px;border-radius:var(--r12);border:none;
  background:linear-gradient(135deg,var(--v),var(--vd));color:#fff;font-size:13px;font-weight:700;
  box-shadow:0 4px 20px rgba(139,92,246,.4);transition:all .2s;white-space:nowrap;display:inline-block;
}
.n-cta:hover{box-shadow:0 6px 28px rgba(139,92,246,.55);transform:translateY(-1px);}
.theme-tog{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--brd2);background:var(--surf);
  display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-left:8px;
}

/* ─── SECTION CORE (identical to main site) ─── */
section{position:relative;z-index:1;}
.ct{max-width:1140px;margin:0 auto;padding:0 28px;position:relative;z-index:1;}
.sec-tag{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v2);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sec-tag::before{content:'';width:20px;height:1.5px;background:var(--v2);display:block;}
.sec-h{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.025em;margin-bottom:16px;}
.sec-p{font-size:1rem;color:var(--t2);line-height:1.85;max-width:560px;}
.sec-center{text-align:center;}.sec-center .sec-p{margin:0 auto;}

.btn-p{
  display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:var(--r16);
  background:linear-gradient(135deg,var(--v),var(--vd));color:#fff;font-size:15px;font-weight:700;
  box-shadow:0 8px 32px rgba(139,92,246,.45);transition:all .22s var(--ez);
}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(139,92,246,.6);}

.rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ez),transform .6s var(--ez);}
.rv.in{opacity:1;transform:translateY(0);}

/* ─── BLOG HERO ─── */
.blog-hero{padding:140px 24px 40px;text-align:center;}

/* ─── ARTICLE CARD GRID ─── */
.blog-list{padding:20px 24px 80px;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.blog-card{
  display:block;background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r20);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset;padding:26px;
  transition:border-color .25s var(--ez),box-shadow .25s var(--ez),transform .25s var(--ez);
}
.blog-card:hover{border-color:var(--brd3);transform:translateY(-3px);box-shadow:0 20px 40px -20px rgba(0,0,0,.4);}
.bc-top{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.bc-emoji{font-size:20px;}
.bc-cat{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--v2);}
.bc-title{font-size:1.02rem;font-weight:800;line-height:1.5;margin-bottom:10px;}
.bc-summary{font-size:12.5px;color:var(--t3);line-height:1.8;margin-bottom:14px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bc-meta{font-size:11px;color:var(--t4);display:flex;align-items:center;gap:6px;}
.blog-card-sm{padding:18px;}
.blog-card-sm .bc-title{font-size:.9rem;margin-bottom:0;}

/* ─── ARTICLE DETAIL ─── */
.blog-article{padding:120px 24px 40px;}
.breadcrumb{font-size:12px;color:var(--t3);margin-bottom:24px;}
.breadcrumb a{color:var(--t3);}
.breadcrumb a:hover{color:var(--v2);}
.breadcrumb span{margin:0 4px;}
.art-tag{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;
  color:var(--v2);background:var(--vl);border-radius:99px;padding:6px 14px;margin-bottom:18px;
}
.art-h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;line-height:1.35;letter-spacing:-.02em;margin-bottom:20px;}
.art-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--t3);margin-bottom:36px;
  border-bottom:1px solid var(--brd);padding-bottom:24px;}
.art-meta span{display:flex;align-items:center;gap:6px;}
.art-body{font-size:1.02rem;line-height:2;color:var(--t2);max-width:700px;}
.art-body h2{font-size:1.35rem;font-weight:800;color:var(--t1);margin:40px 0 16px;letter-spacing:-.01em;}
.art-body p{margin-bottom:20px;}
.art-body ul{margin:0 0 20px;padding-inline-start:22px;list-style:disc;}
.art-body li{margin-bottom:10px;}
.art-body li::marker{color:var(--v2);}
.art-body strong{color:var(--t1);font-weight:800;}

.art-cta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r20);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  padding:28px;margin:48px 0;
}
.art-cta-icon{font-size:32px;flex-shrink:0;}
.art-cta-title{font-size:1rem;font-weight:800;margin-bottom:4px;}
.art-cta-desc{font-size:12.5px;color:var(--t3);}

.related-section{margin-top:56px;}
.rel-h{font-size:1.1rem;font-weight:800;margin-bottom:18px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}

/* ─── BOTTOM CTA BANNER ─── */
.blog-cta-section{padding:20px 24px 100px;}
.blog-cta-card{
  text-align:center;max-width:640px;margin:0 auto;padding:56px 40px;border-radius:var(--r24);
  background:var(--glass-bg);border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
}

/* ─── FOOTER (identical to main site) ─── */
footer{
  position:relative;overflow:hidden;padding:64px 0 32px;
  background:radial-gradient(ellipse 700px 300px at 50% 0%, rgba(139,92,246,.09) 0%, transparent 65%),var(--bg);
  border-top:1px solid var(--brd);
}
.foot-inner{max-width:1140px;margin:0 auto;}
.foot-top{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px;}
.foot-desc{font-size:13px;color:var(--t3);line-height:1.85;margin-top:14px;max-width:280px;}
.foot-col-t{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:16px;}
.foot-links{display:flex;flex-direction:column;gap:10px;}
.foot-link{font-size:13px;color:var(--t3);transition:color .15s;}
.foot-link:hover{color:var(--t1);}
.foot-bot{border-top:1px solid var(--brd);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.foot-copy{font-size:12px;color:var(--t4);}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .foot-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  nav{padding:calc(env(safe-area-inset-top) + 0px) 16px 0;height:calc(58px + env(safe-area-inset-top));}
  .n-links{display:none;}
  .ct{padding:0 16px;}
  .blog-hero{padding:110px 16px 30px;}
  .blog-article{padding:96px 16px 30px;}
  .blog-grid{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;gap:32px;}
  .art-cta{flex-direction:column;text-align:center;}
}
@media(prefers-reduced-motion:reduce){.rv{transition:none;opacity:1;transform:none;}}