.blog-page{min-height:100vh;padding-top:120px;padding-bottom:4rem}.blog-hero{text-align:center;border-radius:24px;margin-bottom:4rem;padding:4rem 2rem}.blog-hero-title{color:var(--text-primary);text-shadow:0 0 20px #fff3;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)}.blog-hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.blog-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:30px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:var(--text-primary);background:#ffffff1a}.filter-btn.active{border-color:var(--neon-accent);color:var(--neon-accent);background:#b8d86b26;box-shadow:0 0 15px #b8d86b33}.blog-grid-page{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card-page{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card-page:hover{border-color:#b8d86b4d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.blog-card-img-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card-page:hover .blog-card-img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-card-category{color:var(--neon-accent);text-transform:uppercase;letter-spacing:1px;font-weight:600}.blog-card-readtime{color:var(--text-secondary);align-items:center;gap:.25rem;display:flex}.blog-card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;line-height:1.4}.blog-card-excerpt{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.blog-card-footer{color:var(--text-primary);align-items:center;gap:.5rem;margin-top:auto;font-weight:500;transition:color .3s;display:flex}.blog-card-page:hover .blog-card-footer{color:var(--neon-accent)}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem 2rem;font-size:1.25rem}