.blog{background:var(--color-bg);min-height:100vh;padding-bottom:4rem}.blog__hero{background:linear-gradient(135deg,#5c7cfa14,#22d3a80f);border-bottom:1px solid var(--color-border);padding:4rem 2rem 3rem}html:not(.dark) .blog__hero{background:linear-gradient(135deg,#5c7cfa0a,#22d3a805);border-bottom:1px solid #dee2e6}html.dark .blog__hero{background:linear-gradient(135deg,#5c7cfa14,#22d3a80f);border-bottom:1px solid hsla(0,0%,100%,.1)}.hero__content{margin:0 auto;max-width:1200px;text-align:center}.hero__title{color:var(--color-text);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 1rem}html:not(.dark) .hero__title{color:#1a1b1e}.hero__subtitle{color:var(--color-text-secondary);font-size:clamp(1.125rem,2vw,1.25rem);margin:0 auto 2rem;max-width:600px}html:not(.dark) .hero__subtitle{color:#495057}.hero__stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat__value{color:var(--color-accent);font-size:2rem;font-weight:700}.stat__label{color:var(--color-text-muted);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}html:not(.dark) .stat__label{color:#6c757d}.blog__filters{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1.25rem 2rem;position:sticky;top:4.5rem;z-index:10}html:not(.dark) .blog__filters{background:#fffffffa;border-bottom:1px solid #dee2e6}html.dark .blog__filters{background:#0d0f14fa;border-bottom:1px solid hsla(0,0%,100%,.1)}.filters__container{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1200px}.search{position:relative;width:100%}.search__icon{color:var(--color-text-muted);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search__input{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:.95rem;padding:.65rem 1rem .65rem 3rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #5c7cfa1a;outline:none}.search__input::-moz-placeholder{color:var(--color-text-muted)}.search__input::placeholder{color:var(--color-text-muted)}html:not(.dark) .search__input{background:#fff;border-color:#dee2e6;color:#1a1b1e}html:not(.dark) .search__input::-moz-placeholder{color:#868e96}html:not(.dark) .search__input::placeholder{color:#868e96}.search__clear{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background .2s ease}.search__clear:hover{background:var(--color-card-hover-bg)}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.filter{display:flex;flex:1;flex-direction:column;gap:.35rem;min-width:200px}.filter__label{color:var(--color-text);font-size:.8125rem;font-weight:600}html:not(.dark) .filter__label{color:#1a1b1e}.filter__select{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;font-size:.95rem;padding:.65rem 1rem;transition:border-color .2s ease}.filter__select:focus{border-color:var(--color-accent);outline:none}html:not(.dark) .filter__select{background:#fff;border-color:#dee2e6;color:#1a1b1e}.filters__reset{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:all .2s ease}.filters__reset:hover{background:var(--color-card-hover-bg);border-color:var(--color-accent)}html:not(.dark) .filters__reset{background:#fff;color:#1a1b1e}.blog__posts{background:var(--color-bg);margin:0 auto;max-width:1200px;padding:3rem 2rem}.posts__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.post-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px var(--color-shadow);transform:translateY(-4px)}html:not(.dark) .post-card{background:#fff;border:1px solid #dee2e6}.post-card__link{color:inherit;display:block;text-decoration:none}.post-card__cover{background:var(--color-bg-secondary);height:200px;overflow:hidden;width:100%}.post-card__cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.post-card:hover .post-card__cover img{transform:scale(1.05)}.post-card__content{padding:1.5rem}.post-card__meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem}html:not(.dark) .post-card__meta{color:#6c757d}.post-card__category{background:#5c7cfa1f;border-radius:6px;color:var(--color-accent);font-weight:600;padding:.25rem .75rem}html:not(.dark) .post-card__category{background:#5c7cfa14}.post-card__title{color:var(--color-text);font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}html:not(.dark) .post-card__title{color:#1a1b1e}.post-card__description{color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-height:1.6;margin:0 0 1rem;-webkit-box-orient:vertical;overflow:hidden}html:not(.dark) .post-card__description{color:#495057}.post-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--color-card-hover-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.8125rem;padding:.25rem .625rem}html:not(.dark) .tag{background:#f8f9fa;color:#495057}.posts__empty{padding:4rem 2rem;text-align:center}.empty__icon{color:var(--color-text-muted);margin-bottom:1.5rem}html:not(.dark) .empty__icon{color:#868e96}.empty__title{color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}html:not(.dark) .empty__title{color:#1a1b1e}.empty__text{color:var(--color-text-secondary);margin:0 0 1.5rem}html:not(.dark) .empty__text{color:#495057}.empty__button{background:var(--color-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.empty__button:hover{box-shadow:0 4px 12px #5c7cfa4d;transform:translateY(-2px)}@media(max-width:768px){.blog__hero{padding:3rem 1.5rem 2rem}.hero__stats{gap:2rem}.blog__filters{padding:1.5rem}.filters{flex-direction:column}.filter,.filters__reset{width:100%}.blog__posts{padding:2rem 1.5rem}.posts__grid{gap:1.5rem;grid-template-columns:1fr}}