.blog-page{background-color:var(--background);min-height:100vh;padding:120px 0 80px}.blog-header{text-align:center;max-width:800px;margin:0 auto 60px}.blog-header h1{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem)}.blog-header p{color:var(--text-muted);font-size:1.125rem}.blog-rss-link{color:var(--color-accent);align-items:center;gap:8px;margin-top:20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.blog-rss-link svg{width:18px;height:18px}.blog-rss-link:hover{color:var(--color-accent-dark)}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.blog-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-filters-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.blog-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-secondary);transition:all var(--transition-base);padding:8px 16px;font-size:.875rem;font-weight:500}.blog-filter-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-card-hover)}.blog-filter-btn.active{background:var(--color-accent-bg);color:var(--color-accent);border-color:#6366f14d;font-weight:600}.blog-results-count{color:var(--color-text-muted);margin:0;font-size:.875rem}.blog-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.blog-card-content{flex-direction:column;height:100%;display:flex}.blog-card-meta{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.blog-card-meta .blog-date{margin-bottom:0;display:inline}.blog-author{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;padding:32px;text-decoration:none;display:flex}.blog-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.blog-date{color:var(--color-accent);font-size:.875rem;font-weight:500;line-height:1.4}.blog-title{color:var(--color-text-primary);transition:color var(--transition-base);margin-bottom:16px;font-size:1.5rem;font-weight:600;line-height:1.3}.blog-card:hover .blog-title{color:var(--color-accent)}.blog-excerpt{color:var(--color-text-secondary);flex-grow:1;margin-bottom:24px;font-size:1rem;line-height:1.6}.btn-read-more{color:var(--color-text-primary);transition:all var(--transition-base);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.btn-read-more svg{width:18px;height:18px;transition:transform var(--transition-base)}.blog-card:hover .btn-read-more{color:var(--color-accent)}.blog-card:hover .btn-read-more svg{transform:translate(4px)}@media (width<=768px){.blog-toolbar{flex-direction:column;align-items:flex-start}.blog-grid{grid-template-columns:1fr}}