.blog-index{width:100%}.blog-index__header{margin-bottom:2rem}.blog-index__search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.blog-index__categories{flex-wrap:wrap;gap:.5rem;display:flex}.blog-index__cat-btn{border-radius:var(--app-radius-pill);border:1px solid var(--app-border);background-color:var(--app-bg-card);color:var(--app-text);transition:all var(--app-motion-fast);cursor:pointer;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.blog-index__cat-btn--active{border-color:var(--app-accent-border);background-color:var(--app-accent-bg);color:var(--app-accent)}.blog-index__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-index__grid{grid-template-columns:repeat(3,1fr)}}.blog-card{border-radius:var(--app-radius-xl);border:1px solid var(--app-border);background-color:var(--app-bg-card);height:100%;transition:transform var(--app-motion-normal), box-shadow var(--app-motion-normal), border-color var(--app-motion-normal);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.blog-card__cover{aspect-ratio:16/9;border-radius:var(--app-radius-lg);border:1px solid var(--app-border);background-color:var(--app-bg-muted);width:100%;margin-bottom:1.25rem;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--app-motion-slow)}.blog-card:hover .blog-card__cover img{transform:scale(1.03)}.blog-card__meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.blog-card__category{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--app-radius-pill);border:1px solid var(--app-border);padding:.25rem .625rem;font-size:.7rem;font-weight:700}.blog-card__time{color:var(--app-text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.blog-card__title{color:var(--app-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.4}.blog-card__excerpt{color:var(--app-text-secondary);flex-grow:1;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.6}.blog-card__footer{border-top:1px solid var(--app-border);color:var(--app-text-secondary);justify-content:space-between;align-items:center;padding-top:1rem;font-size:.75rem;display:flex}