.blog-page{font-family:Inter,sans-serif;background:#f8f9fa;min-height:100vh}.blog-hero{position:relative;background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:80px 60px 60px;overflow:hidden}.decorative-shape{position:absolute;top:-50px;right:-50px;width:400px;height:400px;background:linear-gradient(135deg,#7acc3b,#9bdd5f);opacity:.15;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(25deg);z-index:0}.blog-hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.blog-page-title{font-size:3rem;font-weight:300;color:#222;margin:0}.blog-page-title strong{font-weight:700;color:#222}.blog-content-section{padding:60px 60px 80px;max-width:1400px;margin:0 auto}.blog-layout{display:grid;grid-template-columns:1fr 350px;grid-gap:40px;gap:40px;align-items:start}.blog-main{width:100%}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px rgba(0,0,0,.15)}.blog-card-image{width:100%;height:auto;position:relative;overflow:hidden;background:#ffffff}.blog-img{width:100%;height:auto;object-fit:contain;transition:transform .5s ease}.blog-card:hover .blog-img{transform:scale(1.08)}.blog-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-card-title{font-size:1.05rem;font-weight:600;color:#222;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#888;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.blog-read-time{font-weight:500}.blog-date{font-weight:400}.blog-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{padding:4px 12px;background:#f0f0f0;color:#666;font-size:.75rem;font-weight:500;border-radius:12px;transition:all .2s ease}.blog-card:hover .tag-badge{background:#e8f5e0;color:#5fa82a}.blog-sidebar{position:-webkit-sticky;position:sticky;top:40px}.sidebar-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sidebar-title{font-size:1.2rem;font-weight:600;color:#222;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #7acc3b}.sidebar-blog-list{list-style:none;padding:0;margin:0}.sidebar-blog-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.sidebar-blog-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-blog-item a{color:#555;text-decoration:none;font-size:.9rem;line-height:1.4;display:block;transition:color .3s ease}.sidebar-blog-item a:hover{color:#7acc3b;text-decoration:underline}@media (max-width:1200px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.blog-grid{grid-template-columns:repeat(2,1fr)}.decorative-shape{width:300px;height:300px}}@media (max-width:900px){.blog-hero{padding:60px 40px 40px}.blog-filters-section{padding:20px 40px}.blog-content-section{padding:40px 40px 60px}.blog-page-title{font-size:2.5rem}.category-filters{overflow-x:auto;justify-content:flex-start;padding-bottom:10px;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{height:6px}.category-filters::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}}@media (max-width:600px){.blog-hero{padding:40px 20px 30px}.blog-filters-section{padding:15px 20px}.blog-content-section{padding:30px 20px 40px}.blog-page-title{font-size:2rem}.blog-grid,.blog-sidebar{grid-template-columns:1fr}.decorative-shape{width:200px;height:200px;opacity:.1}.blog-card-image{height:180px}.filter-btn{font-size:.85rem;padding:8px 18px}}