.blog-index-page{background:#0f1115;min-height:100vh;padding-bottom:60px}.blog-hero{text-align:center;background:linear-gradient(135deg,#10b9811a 0%,#0000 100%);border-bottom:1px solid #ffffff0d;padding:80px 20px}.blog-hero h1{color:#fff;margin-bottom:15px;font-size:42px;font-weight:800}.blog-hero p{color:#9ca3af;max-width:600px;margin:0 auto;font-size:18px}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.post-card{background:#1f2937;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000080}.post-card .post-cover{background:#111827;height:200px;position:relative}.post-card .post-cover img{object-fit:cover;width:100%;height:100%}.post-card .post-cover .placeholder-cover{color:#374151;background:#111827;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.post-card .post-cover .post-category{color:#fff;background:#10b981e6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:15px;right:15px}.post-card .post-content{flex-direction:column;flex:1;padding:20px;display:flex}.post-card .post-content .post-title{color:#fff;margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.4}.post-card .post-content .post-excerpt{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card .post-content .post-meta{color:#6b7280;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:13px;display:flex}.pagination{justify-content:center;gap:10px;margin-top:50px;display:flex}.pagination .page-link{color:#e5e7eb;background:#1f2937;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.pagination .page-link:hover{background:#374151}.pagination .page-link.active{color:#fff;background:#10b981}