*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}.blog-container{max-width:1400px;margin:0 auto;padding:60px;display:grid;grid-template-columns:1fr 350px;gap:50px}.posts-section{display:flex;flex-direction:column;gap:30px}.blog-post{background-color:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.15);transition:all .3s ease}.blog-post:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.2)}.post-with-image{display:grid;grid-template-columns:280px 1fr}.post-image{width:100%;height:100%;object-fit:cover}.post-content{padding:30px}.post-without-image .post-content{padding:35px}.post-meta{display:flex;align-items:center;gap:20px;margin-bottom:15px}.post-tag{color:#999;font-size:13px;font-weight:500}.post-date{display:flex;align-items:center;gap:6px;color:#999;font-size:13px}.post-title{font-size:26px;font-weight:bold;color:#000;margin-bottom:12px;line-height:1.3;font-family:'Georgia','Times New Roman',serif;transition:color .3s ease}.post-title:hover{color:#8b1a1a;cursor:pointer}.blog-post:hover .post-title{color:#8b1a1a}.post-excerpt{font-size:14px;line-height:1.7;color:#666;margin-bottom:20px}.post-footer{display:flex;align-items:center;gap:25px}.post-stats{display:flex;align-items:center;gap:20px;font-size:13px;color:#999}.share-label{font-size:14px;font-weight:600;color:#333}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f5f5f5;color:#666;text-decoration:none;transition:all .3s ease;font-size:14px}.social-icon:hover{background-color:#8b1a1a;color:white;transform:translateY(-3px)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-btn{width:45px;height:45px;border-radius:50%;border:0;background-color:white;color:#333;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-decoration:none;display:flex;align-items:center;justify-content:center}.page-btn:hover{background-color:#8b1a1a;color:white;transform:translateY(-3px);box-shadow:0 8px 20px rgba(139,26,26,0.3);text-decoration:none}.page-btn.active{background-color:#f5a623;color:white;box-shadow:0 8px 20px rgba(245,166,35,0.3)}.page-dots{color:#999;font-size:18px}.sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-widget{background-color:white;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.widget-title{font-size:18px;font-weight:700;color:#000;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.search-box{position:relative}.search-input{width:100%;padding:15px 50px 15px 20px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#333;transition:border-color .3s ease}.search-input:focus{outline:0;border-color:#f5a623}.search-input::placeholder{color:#999}.search-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:0;border:0;color:#999;font-size:16px;cursor:pointer}.category-list{list-style:none}.category-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.category-item:last-child{border-bottom:0}.category-item:hover .category-name{color:#8b1a1a}.category-item:hover .category-count{color:#8b1a1a}.category-name{font-size:14px;color:#666;transition:color .3s ease}.category-count{font-size:13px;color:#999;transition:color .3s ease}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:8px 16px;background-color:#f5f5f5;border-radius:20px;font-size:12px;color:#666;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.tag:hover{background-color:#8b1a1a;color:white}@media(max-width:1200px){.blog-container{padding:50px 40px;gap:40px}}@media(max-width:992px){.blog-container{grid-template-columns:1fr}.sidebar{order:-1}}@media(max-width:768px){.blog-container{padding:40px 30px}.post-with-image{grid-template-columns:1fr}.post-title{font-size:22px}.pagination{gap:8px}.page-btn{width:40px;height:40px;font-size:14px}}@media(max-width:480px){.blog-container{padding:30px 20px}.post-content,.post-without-image .post-content{padding:20px}.post-title{font-size:20px}.sidebar-widget{padding:25px 20px}}.blog-empty-state{text-align:center;padding:40px;color:#666}.blog-post-link{color:inherit;text-decoration:none}.blog-sidebar-link{display:flex;justify-content:space-between;width:100%;color:inherit;text-decoration:none}.tag-link{text-decoration:none;cursor:pointer}