.posts-page{background-color:var(--gray-bg);min-height:100vh}.no-posts{text-align:center;background:#fff;border-radius:8px;margin-top:30px;padding:60px 20px}.no-posts p{color:#666;margin-bottom:20px;font-size:18px}.back-link{color:#fff;background-color:#00d9a5;border-radius:4px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.back-link:hover{background-color:#00bfa5}.posts-page-hero{background:linear-gradient(135deg,var(--dark-bg)0%,#1a1a1a 100%);margin-bottom:50px;padding:60px 0}.posts-page-layout{padding-top:40px}.posts-page-title{color:#fff;text-align:center;margin:0 0 15px;font-size:48px;font-weight:800}.posts-page-subtitle{color:#fffc;text-align:center;margin:0;font-size:18px}.posts-page-layout{grid-template-columns:1fr 350px;gap:40px;padding-bottom:60px;display:grid}.posts-page-main{min-width:0}.posts-list{gap:30px;margin-top:30px;display:grid}.post-list-item{cursor:pointer;background:#fff;border-radius:8px;gap:25px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.post-list-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.post-list-item__image{width:350px;min-width:350px;height:250px;position:relative;overflow:hidden}.post-list-item__image img{transition:transform .4s;width:100%!important;height:100%!important}.post-list-item:hover .post-list-item__image img,.post-list-item:hover .post-list-item__image>span{transform:scale(1.08)}.post-list-item__category{text-transform:uppercase;letter-spacing:1px;color:#fff;z-index:2;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:15px;left:15px}.category-tag--blue{background-color:var(--secondary-color)}.post-list-item__content{flex-direction:column;flex:1;gap:15px;padding:25px 25px 25px 0;display:flex}.post-list-item__title{color:var(--text-dark);margin:0;font-size:24px;font-weight:700;line-height:1.3;transition:color .3s}.post-list-item:hover .post-list-item__title{color:var(--primary-color)}.post-list-item__meta{flex-wrap:wrap;gap:20px;display:flex}.meta-item{color:var(--text-light);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.meta-item svg{color:var(--secondary-color);font-size:14px}.post-list-item__excerpt{color:var(--text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.post-list-item__tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background-color:var(--gray-bg);color:var(--text-dark);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .3s}.tag:hover{background-color:var(--primary-color);color:#fff}.pagination{justify-content:center;gap:10px;margin-top:50px;display:flex}.pagination-btn{color:var(--text-dark);border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.pagination-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width:1024px){.posts-page-layout{grid-template-columns:1fr 300px;gap:30px}}@media (max-width:768px){.posts-page-hero{padding:40px 0}.posts-page-title{font-size:32px}.posts-page-subtitle{font-size:16px}.posts-page-layout{grid-template-columns:1fr;gap:40px}.post-list-item{flex-direction:column;gap:0}.post-list-item__image{width:100%;min-width:100%;height:220px}.post-list-item__content{padding:20px}.post-list-item__title{font-size:20px}}