.blog-page[data-v-a15e2871]{padding:var(--spacing-xxl) 0}.blog-header[data-v-a15e2871]{text-align:center;margin-bottom:var(--spacing-xl)}.page-title[data-v-a15e2871]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:var(--spacing-sm)}.page-title span[data-v-a15e2871]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-icon[data-v-a15e2871]{display:block;color:var(--color-primary)}.page-subtitle[data-v-a15e2871]{color:var(--color-text-gray)}.category-filters[data-v-a15e2871]{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-btn[data-v-a15e2871]{position:relative;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;overflow:hidden;transition:all var(--transition-normal);z-index:1}.filter-btn[data-v-a15e2871]:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--gradient-primary);transition:width .3s ease;z-index:-1;border-radius:var(--radius-full)}.filter-btn[data-v-a15e2871]:hover,.filter-btn.active[data-v-a15e2871]{color:#000;border-color:transparent;box-shadow:var(--shadow-colored);transform:translateY(-2px)}.filter-btn[data-v-a15e2871]:hover:before,.filter-btn.active[data-v-a15e2871]:before{width:100%}.featured-post[data-v-a15e2871]{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);cursor:pointer;transition:transform var(--transition-fast);overflow:hidden}.featured-post[data-v-a15e2871]:hover{transform:translateY(-5px)}.featured-image img[data-v-a15e2871],.featured-image .image-placeholder[data-v-a15e2871]{width:100%;height:350px;object-fit:cover}.featured-image .image-placeholder[data-v-a15e2871]{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:5rem}.featured-content[data-v-a15e2871]{padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:center}.post-category[data-v-a15e2871]{display:inline-block;padding:4px 12px;background:#00ca7426;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-bottom:var(--spacing-sm);width:fit-content}.featured-content h2[data-v-a15e2871]{font-size:1.8rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.3}.featured-content p[data-v-a15e2871]{color:var(--color-text-gray);line-height:1.7;margin-bottom:var(--spacing-md)}.post-meta[data-v-a15e2871]{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--color-text-gray)}.posts-grid[data-v-a15e2871]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.post-card[data-v-a15e2871]{overflow:hidden;cursor:pointer;transition:transform var(--transition-fast)}.post-card[data-v-a15e2871]:hover{transform:translateY(-5px)}.post-image img[data-v-a15e2871],.post-image .image-placeholder[data-v-a15e2871]{width:100%;height:180px;object-fit:cover}.post-image .image-placeholder[data-v-a15e2871]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e);font-size:3rem}.post-content[data-v-a15e2871]{padding:var(--spacing-lg)}.post-content h3[data-v-a15e2871]{font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm);line-height:1.4}.post-content p[data-v-a15e2871]{color:var(--color-text-gray);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-md)}.empty-state[data-v-a15e2871],.loading-state[data-v-a15e2871]{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-gray)}.empty-state span[data-v-a15e2871]{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}@media(max-width:1024px){.posts-grid[data-v-a15e2871]{grid-template-columns:repeat(2,1fr)}.featured-post[data-v-a15e2871]{grid-template-columns:1fr}}@media(max-width:768px){.posts-grid[data-v-a15e2871]{grid-template-columns:1fr}}
