.BlogPage .blog-header{text-align:center;margin-bottom:var(--space-xl)}.BlogPage .blog-title{font-size:36px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--text-primary)}.BlogPage .blog-description{font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.BlogPage .blog-controls{margin-bottom:var(--space-lg);justify-content:flex-end;display:flex}.BlogPage .blog-sort-select{min-width:150px}.BlogPage .ArticleCard{border:1px solid var(--border-primary);filter:grayscale(.3);border-left:4px solid;border-radius:2px;flex-direction:column;height:100%;transition:all .4s ease-in-out;display:flex;overflow:hidden}.BlogPage .ArticleCard:hover{filter:grayscale(0);box-shadow:0 8px 24px #0000001f}.BlogPage .ArticleCard:hover .article-image{transform:scale(1.05)}.BlogPage .ArticleCard .article-image-wrapper{aspect-ratio:16/9;background:var(--bg-primary);position:relative;overflow:hidden}.BlogPage .ArticleCard .article-image{object-fit:cover;width:100%;height:100%;transition:all 1s ease-in-out}.BlogPage .ArticleCard .article-category{top:var(--space-md);right:var(--space-md);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-xs)var(--space-sm);font-size:11px;font-weight:700;position:absolute;box-shadow:0 2px 8px #0003}.BlogPage .ArticleCard .article-content{padding:var(--space-lg);flex-direction:column;flex:1;justify-content:space-between;display:flex}.BlogPage .ArticleCard .article-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:18px;font-weight:700;line-height:1.4}.BlogPage .ArticleCard .article-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.BlogPage .ArticleCard .article-tags{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.BlogPage .ArticleCard .article-footer{padding-top:var(--space-md);border-top:1px solid var(--border-primary);font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.Article .article-title{text-shadow:0 3px 10px #000000b3;filter:drop-shadow(0 0 5px #00000080);background:linear-gradient(90deg,#000c 0%,#0000 70%);border-radius:10% 0 0;padding:.4rem 1rem;font-size:32px}.Article .article-subtitle{text-shadow:0 2px 6px #00000080;filter:drop-shadow(0 0 5px #00000080);background:linear-gradient(90deg,#000000ce 30%,#0000 70%);padding:.4rem 1rem}@media (max-width:768px){.BlogPage .blog-title{font-size:28px}.BlogPage .blog-controls{justify-content:center}.ArticleCard .article-content{padding:var(--space-md)}}