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