.blog-page{padding-top:calc(var(--nav-height) + 60px);min-height:100vh;padding-bottom:100px}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{margin-bottom:12px;font-size:3rem;font-weight:800}.blog-header p{color:var(--text-secondary);font-size:1.1rem}.search-bar{max-width:500px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin:0 auto 32px;padding:14px 20px;display:flex}.search-bar:focus-within{background:#ffffff0d;border-color:#a855f7;box-shadow:0 0 20px #a855f71a}.search-bar svg{color:var(--text-secondary);flex-shrink:0}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-bar input::placeholder{color:var(--text-secondary)}.category-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;padding:10px 20px;font-size:.9rem;font-weight:500}.filter-btn:hover{color:var(--text-primary);background:#ffffff14}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.no-posts{text-align:center;color:var(--text-secondary);padding:60px 20px}.no-posts h3{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-posts p{color:var(--text-secondary)}@media (max-width:768px){.blog-header h1{font-size:2.2rem}.category-filters{gap:8px}.filter-btn{padding:8px 16px;font-size:.85rem}.posts-grid{grid-template-columns:1fr;gap:24px}}