.blog-hub-page{min-height:100vh;padding-top:100px;padding-bottom:5rem;position:relative;background-color:var(--bg-dark)}.blog-bg-glow{position:absolute;top:-20vh;left:50%;transform:translate(-50%);width:60vw;height:60vh;background:radial-gradient(circle,rgba(45,212,191,.08) 0%,transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}.blog-content{position:relative;z-index:2}.blog-hero{text-align:center;max-width:800px;margin:0 auto 4rem}.blog-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2dd4bf1a;color:var(--accent-primary);border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(45,212,191,.2)}.blog-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.blog-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.blog-filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:4rem}.blog-filter-btn{padding:.75rem 1.5rem;background:var(--surface-light);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:30px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.blog-filter-btn:hover{background:#ffffff1a;color:var(--text-primary)}.blog-filter-btn.active{background:var(--accent-primary);color:var(--bg-dark);border-color:var(--accent-primary);font-weight:600}.blog-masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.blog-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.blog-card:hover{transform:translateY(-10px)}.blog-card-visual{height:180px;display:flex;align-items:center;justify-content:center;color:#fff}.blog-card-body{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;gap:1rem;margin-bottom:1rem}.blog-cat,.blog-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.blog-cat{color:var(--accent-primary);font-weight:500}.blog-card-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;line-height:1.4;color:var(--text-primary)}.blog-card-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.blog-read-time{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.blog-read-btn{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-weight:600;font-size:.95rem;transition:gap .3s ease}.blog-read-btn:hover{gap:.8rem}@media(max-width:768px){.blog-masonry-grid{grid-template-columns:1fr}.blog-filter-bar{gap:.5rem}.blog-filter-btn{padding:.5rem 1rem;font-size:.85rem}}