#blogtitle .page-width{display:flex;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--header_bg);color:#fff;margin-bottom:3rem}.all-posts{margin-top:4rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.post-card{background-color:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease;text-decoration:none}.post-card:hover{transform:translateY(-5px);background-color:#fff;color:var(--header_bg)}.post-card img{width:100%;height:180px;object-fit:cover}.post-info{padding:1rem}.post-info .category{font-size:.75rem;text-transform:uppercase;color:#bbb}.post-info .title{font-size:1.1rem;margin:.5rem 0}.post-info .desc{font-size:.875rem;color:#ccc;margin-bottom:.5rem}:root{--primary-color:#2c3e50;--secondary-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--text-color:#333;--text-light:#7f8c8d}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--secondary-color)}.subtitle{font-weight:300;font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px}.post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.post-image{height:200px;background:url('/static/img/meg.jpg') no-repeat center center;background-size:cover;background-position:center;position:relative}.post-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.3))}.post-category{position:absolute;top:15px;right:15px;background-color:var(--secondary-color);color:#fff;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:500;z-index:1}.post-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.post-date{color:var(--text-light);font-size:.9rem;margin-bottom:10px}.post-title{font-size:1.5rem;margin:0 0 15px 0;color:var(--header_bg)}.post-excerpt{margin-bottom:20px;flex-grow:1}.read-more{display:inline-block;color:var(--secondary-color);font-weight:500;text-decoration:none;align-self:flex-start;position:relative;padding-bottom:3px}.read-more::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:width .3s ease}.read-more:hover::after{width:100%}.pagination{display:flex;justify-content:center;margin:40px 0}.page-numbers{display:flex;list-style:none;padding:0}.page-numbers li{margin:0 5px}.page-numbers a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-color);text-decoration:none;font-weight:500;transition:all .3s ease}.page-numbers .current,.page-numbers a:hover{background-color:var(--primary-color);color:#fff}.is-image,.no-image{background-size:cover;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}h1{font-size:2.2rem}}.page-width.full-post{max-width:900px;margin:1rem auto;line-height:2;padding:0 1rem}