.main-content{padding:40px 0}@media(max-width:768px){.main-content{padding:80px 0 40px}}.blog-page-title{text-align:center;margin-bottom:60px}.blog-page-title h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px}.blog-page-title p{font-size:1.2rem;color:#a1a1aa;max-width:600px;margin:0 auto}.filters{text-align:center;margin-bottom:40px}.tag-filter{background:#7877c61a;border:1px solid rgba(120,119,198,.3);color:#fff;padding:8px 16px;margin:4px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tag-filter:hover,.tag-filter.active{background:#7877c64d;border-color:#7877c6}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}.post-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;content-visibility:visible;contain-intrinsic-size:auto}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.post-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.post-card:hover{transform:translateY(-5px);border-color:#7877c64d;box-shadow:0 16px 32px #00000059}.post-card.hidden{display:none}.post-image{aspect-ratio:16 / 9;height:auto;overflow:hidden}.post-image picture{display:block;width:100%;height:100%}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:24px}.post-content h2{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.post-content h2 a{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:600;line-height:1.3;transition:color .3s ease;flex:1}.post-content h2 a:hover{color:#7877c6}.post-meta{color:#a1a1aa;font-size:.9rem;margin-bottom:16px}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.featured-badge{background:#dc2626;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;border:1px solid #dc2626}@media(max-width:768px){.posts-grid{grid-template-columns:1fr;gap:20px}.blog-page-title h1{font-size:2rem}.main-content{padding:80px 0 40px}}