.ContentList{display:flex;flex-direction:column;gap:30px;margin-top:40px;margin-bottom:60px}.ContentList__hero{position:relative;overflow:hidden;padding:34px;border-radius:34px;border:1px solid rgba(50,38,99,.1);background:radial-gradient(circle at top right,rgba(46,182,44,.11),transparent 30%),radial-gradient(circle at bottom left,rgba(50,38,99,.14),transparent 34%),linear-gradient(135deg,#fff,#f8f7ff 58%,#f3fbfa);box-shadow:0 28px 70px rgba(34,25,75,.08)}.dark .ContentList__hero{border-color:hsla(0,0%,100%,.08);background:radial-gradient(circle at top right,rgba(46,182,44,.14),transparent 32%),radial-gradient(circle at bottom left,rgba(92,72,168,.24),transparent 36%),linear-gradient(135deg,#151320,#19162a 56%,#121212);box-shadow:0 30px 80px rgba(0,0,0,.35)}.ContentList__label{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;color:#322663;background:rgba(50,38,99,.075);border:1px solid rgba(50,38,99,.11);font-size:14px;font-weight:900}.dark .ContentList__label{color:#f2f2f2;background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.ContentList__title{margin-top:18px;color:#20183f;font-size:34px;line-height:1.65;font-weight:950}.ContentList__title span{color:#322663}.dark .ContentList__title{color:#fff}.dark .ContentList__title span{color:#2eb62c}.ContentList__desc{max-width:760px;margin-top:12px;color:#5a5570;font-size:16px;line-height:2.1;font-weight:600}.dark .ContentList__desc{color:hsla(0,0%,95%,.74)}.ContentList__layout{display:grid;grid-template-columns:minmax(250px,.28fr) minmax(0,.72fr);gap:24px;align-items:start}.ContentList__sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:18px}.ContentList__panel{padding:18px;border-radius:26px;border:1px solid rgba(50,38,99,.1);background:hsla(0,0%,100%,.78);box-shadow:0 18px 44px rgba(34,25,75,.07)}.dark .ContentList__panel{border-color:hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.045);box-shadow:0 18px 44px rgba(0,0,0,.25)}.ContentList__panelTitle{margin-bottom:14px;color:#20183f;font-size:16px;line-height:1.8;font-weight:950}.dark .ContentList__panelTitle{color:#fff}.ContentList__search{position:relative}.ContentList__search input{width:100%;min-height:52px;padding:0 48px 0 14px!important;border-radius:18px!important;border:1px solid rgba(50,38,99,.12)!important;color:#4d4d4d;background:hsla(0,0%,100%,.95);font-size:14px;font-weight:700}.dark .ContentList__search input{color:#f2f2f2;background:#121212;border-color:hsla(0,0%,100%,.08)!important}.ContentList__search button{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:13px;color:#fff;background:#322663}.dark .ContentList__search button{color:#08130d;background:#2eb62c}.ContentList__categoryList,.ContentList__quickList{display:flex;flex-direction:column;gap:9px}.ContentList__categoryLink,.ContentList__quickItem{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border-radius:15px;color:#5a5570;background:rgba(50,38,99,.055);font-size:13px;line-height:1.8;font-weight:850;transition:.22s ease}.ContentList__categoryLink:hover,.ContentList__quickItem:hover{color:#fff;background:#322663;transform:translateX(-3px)}.dark .ContentList__categoryLink,.dark .ContentList__quickItem{color:hsla(0,0%,95%,.78);background:hsla(0,0%,100%,.055)}.dark .ContentList__categoryLink:hover,.dark .ContentList__quickItem:hover{color:#08130d;background:#2eb62c}.ContentList__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.ContentList__empty{padding:22px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#322663,#008476);font-size:15px;line-height:2;font-weight:900}.dark .ContentList__empty{color:#08130d;background:linear-gradient(135deg,#2eb62c,#008476)}.PostCard{position:relative;min-height:410px;overflow:hidden;border-radius:28px;border:1px solid rgba(50,38,99,.1);background:hsla(0,0%,100%,.82);box-shadow:0 18px 44px rgba(34,25,75,.08);transition:.25s ease}.PostCard:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(50,38,99,.14)}.dark .PostCard{border-color:hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.045);box-shadow:0 18px 44px rgba(0,0,0,.24)}.PostCard__image{position:relative;height:245px;margin:12px;overflow:hidden;border-radius:22px;background:#f2f2f2}.dark .PostCard__image{background:#121212}.PostCard__image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.PostCard:hover .PostCard__image img{transform:scale(1.06)}.PostCard__badge{position:absolute;top:16px;right:16px;z-index:2;padding:7px 12px;border-radius:999px;color:#fff;background:rgba(50,38,99,.92);font-size:12px;font-weight:900;backdrop-filter:blur(10px)}.dark .PostCard__badge{color:#08130d;background:rgba(46,182,44,.92)}.PostCard__content{padding:0 16px 16px}.PostCard__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;color:#20183f;font-size:16px;line-height:1.85;font-weight:950}.dark .PostCard__title{color:#fff}.PostCard__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.PostCard__meta span{padding:7px 10px;border-radius:999px;color:#5a5570;background:rgba(50,38,99,.06);font-size:12px;font-weight:850}.dark .PostCard__meta span{color:hsla(0,0%,95%,.74);background:hsla(0,0%,100%,.055)}.PostCard__button{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;border-radius:16px;color:#322663;background:rgba(50,38,99,.075);font-size:14px;font-weight:900;transition:.25s ease}.PostCard:hover .PostCard__button{color:#fff;background:linear-gradient(135deg,#322663,#008476)}.dark .PostCard__button{color:#f2f2f2;background:hsla(0,0%,100%,.065)}.dark .PostCard:hover .PostCard__button{color:#08130d;background:linear-gradient(135deg,#2eb62c,#008476)}@media (max-width:1060px){.ContentList__layout{grid-template-columns:1fr}.ContentList__sidebar{position:static;display:grid}.ContentList__grid,.ContentList__sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:750px){.ContentList{margin-top:28px;gap:22px}.ContentList__hero{padding:22px;border-radius:26px}.ContentList__title{font-size:25px}.ContentList__desc{font-size:14px}.ContentList__grid,.ContentList__sidebar{grid-template-columns:1fr}.PostCard{min-height:370px}.PostCard__image{height:220px}}