@font-face{font-family:Vazirmatn;src:url('/app/assets/fonts/Vazirmatn-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Vazirmatn;src:url('/app/assets/fonts/Vazirmatn-Bold.ttf') format('truetype');font-display:swap;font-weight:700 900}
.blog-main{background:linear-gradient(180deg,#fff,#f7fbff 60%,#fff)}.blog-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-block:68px}.blog-intro h1{font-size:clamp(34px,4.2vw,58px);line-height:1.45;letter-spacing:-1.5px}.blog-intro p{max-width:580px}.blog-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}.blog-stats strong{color:var(--blue-2)}.blog-journey{padding:24px;border:1px solid #dbeeff;border-radius:30px;background:linear-gradient(145deg,#eaf6ff,#fff9eb);box-shadow:var(--shadow)}.blog-orbit{display:block;color:var(--blue-2);font-size:13px;font-weight:800;margin-bottom:14px}.blog-journey a{display:grid;grid-template-columns:28px 1fr;gap:3px 12px;margin-top:10px;padding:14px 16px;border:1px solid var(--line);background:#ffffffdd;border-radius:16px;text-decoration:none;color:var(--blue-2);font-size:13px}.blog-journey a strong{color:var(--ink);font-size:15px}.blog-journey a span{grid-column:2;color:var(--muted);font-size:12px}.blog-journey a:hover{border-color:var(--blue)}.blog-library{padding-block:20px 60px}.blog-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.blog-library h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px}.blog-search{padding:22px;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:var(--shadow-sm)}.blog-search label{display:block;font-size:14px;font-weight:800;margin-bottom:12px}.blog-search-row{display:flex;gap:10px}.blog-search input,.blog-search select{border:1px solid #dce8f3;background:#fbfdff;border-radius:14px;min-height:52px;padding:12px 16px;color:var(--ink);font:inherit}.blog-search input{flex:1;min-width:0}.blog-search select{max-width:210px}.blog-search :focus-visible,.blog-card:focus-visible,.blog-filters a:focus-visible{outline:3px solid #168cf3;outline-offset:3px}.blog-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.blog-filters a{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;text-decoration:none;font-size:13px;font-weight:700}.blog-filters a span{font-size:11px;opacity:.75}.blog-filters a[aria-current=true]{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 22px #168cf326}.blog-results-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--muted);font-size:13px}.blog-results-bar button{background:none;border:0;color:var(--blue-2);font:inherit;cursor:pointer}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 26px #264b7010;text-decoration:none;transition:transform .2s,border-color .2s;min-height:266px}.blog-card:hover{transform:translateY(-4px);border-color:#a9d6fb}.blog-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.blog-card-top>span{font-size:11px;font-weight:800;color:var(--blue-2);background:var(--blue-3);border-radius:99px;padding:5px 10px}.blog-card-top small{font-size:10px;color:var(--muted)}.blog-card h3{font-size:18px;line-height:1.8;letter-spacing:0}.blog-card p{font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--blue-2)}.blog-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:32px 0;font-size:13px}.blog-empty{text-align:center;padding:48px 20px;border:1px dashed #bfd8ee;border-radius:24px;background:white}.blog-note{margin-top:40px;padding:20px;border-radius:18px;background:#eaf5ff;color:#596a80;font-size:12px;line-height:2}[hidden]{display:none!important}.blog-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.blog-preview-card{text-decoration:none;padding:26px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow-sm)}.blog-preview-card h3{font-size:19px;margin-top:14px}.blog-preview-card p{font-size:13px}.blog-preview-card>span{color:var(--blue-2);font-size:12px;font-weight:800}.blog-preview-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.blog-header-link{display:none;text-decoration:none;color:var(--blue-2);font-weight:800;font-size:13px}
@media(max-width:1080px){.blog-header-link{display:inline}.blog-hero{gap:30px}.blog-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-search-row{flex-wrap:wrap}.blog-search input{flex-basis:100%}.blog-search select{flex:1;max-width:none}.blog-library-heading .btn{font-size:12px;padding:10px}.nav-actions .btn-outline{display:none}}@media(max-width:640px){.blog-hero{grid-template-columns:1fr;gap:26px;padding-block:32px}.blog-intro h1{font-size:36px}.blog-journey{padding:18px;border-radius:24px}.blog-grid{grid-template-columns:1fr}.blog-library-heading{align-items:flex-start;flex-direction:column;gap:8px}.blog-library-heading h2{margin-bottom:4px}.blog-search{padding:16px}.blog-search-row select{font-size:13px}.blog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.blog-filters a{flex-shrink:0;padding:10px 13px}.blog-card{min-height:220px;padding:20px}.blog-pagination{gap:10px}.blog-pagination .btn{padding-inline:12px;font-size:12px}.blog-preview-grid{grid-template-columns:1fr}.blog-intro p{font-size:15px}}