.blog-index-page{background:#0f1115;min-height:100vh;padding-bottom:80px;font-family:Inter,Vazirmatn,sans-serif}.blog-hero{text-align:center;background-color:#0f1115;background-image:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 0,#ec489926 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f626 0,#0000 50%),radial-gradient(at 0 100%,#10b9811a 0,#0000 50%);border-bottom:1px solid #ffffff0d;padding:100px 20px 80px;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.blog-hero .hero-content{z-index:2;position:relative}.blog-hero h1{color:#fff;letter-spacing:-.02em;text-wrap:balance;margin-bottom:20px;font-size:48px;font-weight:800}.blog-hero p{color:#9ca3af;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.blog-container{max-width:1280px;margin:0 auto;padding:60px 20px}.featured-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}@media (max-width:992px){.featured-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.featured-row{grid-template-columns:1fr}}.featured-card{background:#1f2937;border:1px solid #ffffff14;border-radius:20px;align-items:flex-end;height:220px;padding:24px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.featured-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.featured-card img{object-fit:cover;z-index:0;opacity:.7;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.featured-card:hover img{opacity:.9}.featured-card:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#000c 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.featured-card .featured-content{z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.featured-card .post-category{color:#111827;background:#ffffffe6;border-radius:24px;align-self:flex-start;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0000001a}.featured-card .post-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.section-title{color:#f3f4f6;align-items:center;gap:10px;margin-bottom:30px;font-size:24px;font-weight:700;display:flex}.section-title:before{content:"";background:#10b981;border-radius:50%;width:12px;height:12px;display:block}.posts-grid{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:32px;display:grid}@media (max-width:992px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.posts-grid{grid-template-columns:1fr}}.post-card{background:#161b22;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.post-card:hover{border-color:#ffffff1a;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.post-card.span-2{flex-direction:row;grid-column:span 2}.post-card.span-2 .post-cover{width:45%;height:100%;min-height:280px}.post-card.span-2 .post-content{justify-content:center;width:55%;padding:32px}.post-card.span-2 .post-title{font-size:24px}.post-card.span-2 .post-excerpt{-webkit-line-clamp:4}@media (max-width:992px){.post-card.span-2{flex-direction:column;grid-column:span 1}.post-card.span-2 .post-cover{width:100%;height:220px}.post-card.span-2 .post-content{width:100%;padding:24px}}.post-card .post-cover{background:#1f2937;height:220px;position:relative;overflow:hidden}.post-card .post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.post-card .post-cover .placeholder-cover{color:#ffffff1a;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:800;display:flex}.post-card .post-cover .post-category{color:#111827;z-index:2;background:#fffffff2;border-radius:24px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 12px #00000026}.post-card:hover .post-cover img{transform:scale(1.05)}.post-card .post-content{flex-direction:column;flex:1;padding:24px;display:flex}.post-card .post-content .post-title{color:#f9fafb;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4;transition:color .2s}.post-card .post-content .post-excerpt{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card .post-content .post-meta{color:#6b7280;align-items:center;gap:12px;margin-top:auto;font-size:13px;display:flex}.post-card .post-content .post-meta .author-avatar{color:#fff;background:#374151;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.post-card .post-content .post-meta .meta-text{flex-direction:column;gap:2px;display:flex}.post-card .post-content .post-meta .meta-text .post-author{color:#d1d5db;font-weight:600}.post-card:hover .post-title{color:#10b981}.pagination{justify-content:center;gap:8px;margin-top:60px;display:flex}.pagination .page-link{color:#e5e7eb;background:#1f2937;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.pagination .page-link:hover{background:#374151;border-color:#ffffff1a}.pagination .page-link.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}@media (max-width:768px){.blog-index-page{padding-bottom:40px}.blog-hero{padding:60px 15px 40px}.blog-hero h1{font-size:32px}.blog-hero p{font-size:16px}.blog-container{padding:30px 15px}.featured-card{height:180px;padding:20px}.featured-card .post-title{font-size:18px}.post-card .post-cover{height:180px}.post-card .post-content{padding:20px}.post-card .post-content .post-title{font-size:18px}}