.blog-section{min-height:100vh;padding:120px 5% 60px;position:relative;overflow:hidden}.blog-container{z-index:10;max-width:1200px;margin:0 auto;position:relative}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{margin-bottom:15px;font-size:3.5rem}.blog-header p{color:var(--text-color);opacity:.8;max-width:600px;margin:0 auto;font-size:1.2rem}.blog-filter-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-tag{border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;background:#ffffff0d;border-radius:30px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.filter-tag:hover{border-color:var(--primary-color);background:#ffffff1a}.filter-tag.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow)}[data-theme=light] .filter-tag{background:#0000000d;border:1px solid #0000001a}[data-theme=light] .filter-tag.active{background:var(--primary-color);color:#fff}.no-blogs{text-align:center;color:var(--text-color);opacity:.6;padding:100px 0;font-size:1.2rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.blog-card{flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:0 15px 40px var(--glass-shadow);transform:translateY(-5px)}.blog-image-wrapper{border-bottom:1px solid var(--glass-border);width:100%;height:200px;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{flex-direction:column;flex:1;padding:25px;display:flex}.blog-meta{color:var(--primary-color);justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.blog-date{color:var(--text-color);opacity:.5;font-weight:400}.blog-title{margin-bottom:15px;font-size:1.5rem;line-height:1.3}.blog-excerpt{color:var(--text-color);opacity:.8;margin-bottom:0;font-size:1rem;line-height:1.6}@media (max-width:768px){.blog-header h1{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}}