.blog-header{text-align:center;padding:160px 24px 80px;background:linear-gradient(#132939,#020608);margin-bottom:40px}.blog-header__title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:500;color:var(--color-white);line-height:1.1;margin-bottom:8px}.blog-header__subtitle{font-size:1rem;color:#ffffff8c;line-height:1.7;max-width:480px;margin:0 auto}@media(max-width:768px){.blog-header{padding-top:140px;padding-bottom:80px;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}}.category-filter{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:56px;padding:0 var(--section-padding-x)}.category-filter__btn{padding:8px 16px;border-radius:10px;font-size:.88rem;font-weight:500;color:var(--color-teal-accent);background:#ffffff0f;border:1px solid var(--color-teal-accent);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.category-filter__btn:hover{color:var(--color-white);background:var(--color-teal-accent);border-color:#ffffff26}.category-filter__btn.active{background:var(--color-teal-accent);color:var(--color-white);font-weight:600;border-color:var(--color-teal-accent)}@media(max-width:768px){.category-filter{margin-bottom:40px}}@media(max-width:480px){.category-filter{margin-bottom:32px;gap:6px}.category-filter__btn{padding:6px 14px;font-size:.82rem}}.blog-page{background:#fff;min-height:100vh;padding-bottom:96px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-page{padding-bottom:48px}.blog-grid{grid-template-columns:1fr;gap:20px}}.blog-loading{height:320px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:blog-shimmer 1.4s infinite;max-width:1000px;margin:0 auto}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}