.blog-hero{min-height:40vh;padding-bottom:40px}.articles{margin:0 auto;padding:0 0 110px}.articles-filters{flex-direction:column;align-items:center;gap:18px;margin-bottom:34px;display:flex}.articles-search{width:100%;max-width:520px;display:block;position:relative}.articles-search svg{fill:none;stroke:#afa1e2;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.articles-search input{color:#fff;width:100%;height:48px;font-family:var(--f);background:#0a0a0a;border:1px solid #ffffff24;border-radius:100px;outline:none;padding:0 18px 0 46px;font-size:15px;transition:border-color .2s}.articles-search input::placeholder{color:#7b7b7b}.articles-search input:focus{border-color:#afa1e2}.articles-cats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.articles-cat{color:#d5d5d5;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.articles-cat span{color:#7b7b7b;font-size:11px}.articles-cat:hover{color:#fff;border-color:#fff6}.articles-cat.is-active{color:#fff;background:#8b5cf624;border-color:#8b5cf6}.articles-cat.is-active span{color:#afa1e2}.articles-count{text-align:center;color:#7b7b7b;margin-bottom:28px;font-size:13px}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.article-card{background:#0a0a0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:border-color .25s,transform .25s;display:flex;overflow:hidden}.article-card:hover{border-color:#afa1e259;transform:translateY(-3px)}.article-thumb{aspect-ratio:16/9;background:#8b5cf614;display:block;overflow:hidden}.article-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-thumb img{transform:scale(1.04)}.article-body{flex-direction:column;flex:1;gap:12px;padding:24px 26px 26px;display:flex}.article-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.article-meta span{color:#7b7b7b;font-size:12px}.article-meta .article-cat{color:#afa1e2;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:100px;margin-right:4px;padding:3px 10px;font-weight:500}.article-title{font-size:24px;font-weight:475;line-height:30px}.article-title a{color:#fff}.article-title a:hover{color:#afa1e2}.article-excerpt{color:#a4a4a4;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:23px;display:-webkit-box;overflow:hidden}.article-more{color:#afa1e2;margin-top:auto;padding-top:6px;font-size:14px;font-weight:500}.article-more:hover{color:#fff}.articles-empty{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:60px 0;display:flex}@media (max-width:767px){.articles{padding:0 0 80px}.articles-grid{grid-template-columns:1fr;gap:20px}.articles-cats{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.articles-cat{flex-shrink:0}.article-title{font-size:21px;line-height:27px}.article-body{padding:20px}}
