.blog-index__header{background:linear-gradient(120deg,#0f2438 0%,#0d3b3d 100%);padding:150px 0 64px;position:relative}.blog-index__eyebrow{color:var(--color-primary-green);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin:22px 0 14px;font-size:13px;font-weight:600}.blog-index__header h1{color:#fff;margin-bottom:16px;font-size:38px}.blog-index__intro{color:#ffffffc7;max-width:620px;font-size:16px}.blog-index__content{background:var(--color-bg-light)}.blog-index__filters{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.blog-index__filter{font-family:var(--font-body);color:var(--color-gray-200);background:var(--color-white);border:1px solid var(--color-border);transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:30px;padding:9px 18px;font-size:13.5px;font-weight:600}.blog-index__filter:hover{border-color:var(--color-primary-green);color:var(--color-primary-green)}.blog-index__filter.is-active{background:var(--color-primary-green);border-color:var(--color-primary-green);color:#fff}.blog-index__status{text-align:center;color:var(--color-gray-300);padding:60px 0;font-size:16px}.blog-index__status--error{color:#c0392b}.blog-index__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog-index__count{color:var(--color-gray-300);font-variant-numeric:tabular-nums;margin:-16px 0 20px;font-size:14px}.blog-index__pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:44px;display:flex}.blog-index__pages{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-index__page{box-sizing:border-box;min-width:42px;height:42px;font-family:var(--font-body);color:var(--color-gray-200);background:var(--color-white);border:1px solid var(--color-border);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:30px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.blog-index__page:hover:not(:disabled):not(.is-disabled){border-color:var(--color-primary-green);color:var(--color-primary-green)}.blog-index__page:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.blog-index__page.is-active{background:var(--color-primary-green);border-color:var(--color-primary-green);color:#fff}.blog-index__page:disabled,.blog-index__page.is-disabled{opacity:.45;cursor:default}.blog-index__page--step{align-items:center;gap:6px;display:inline-flex}.blog-index__page-gap{color:var(--color-gray-300);padding:0 4px}@media (width<=1024px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-index__header{padding:130px 0 48px}.blog-index__header h1{font-size:28px}.blog-index__grid{grid-template-columns:1fr}}