.blog-new-page{background-color:#fafbfc;min-height:100vh;padding-top:80px;--primary-color:#059669;--forest-color:#064E3B;--charcoal-color:#374151;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--orange-color:#EA580C;--blue-color:#2563EB;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 40px rgba(0,0,0,0.08);--shadow-xl:0 20px 60px rgba(0,0,0,0.12);--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.blog-new-page .container{max-width:1280px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.blog-new-page .container{padding:0 1rem}}.blog-new-page .blog-hero{position:relative;padding:5rem 0 4rem;background:linear-gradient(135deg,var(--forest-color) 0,var(--primary-color) 100%);overflow:hidden}.blog-new-page .blog-hero .hero-background{position:absolute;inset:0;z-index:0}.blog-new-page .blog-hero .hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse"><path d="M 60 0 L 0 0 0 60" fill="none" stroke="white" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>')}.blog-new-page .blog-hero .hero-background .hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(5,150,105,.3) 0,transparent 50%)}.blog-new-page .blog-hero .hero-content{position:relative;z-index:1}.blog-new-page .blog-hero .hero-text{max-width:800px;margin:0 auto;text-align:center;color:#fff}.blog-new-page .blog-hero .hero-text h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media(max-width:768px){.blog-new-page .blog-hero .hero-text h1{font-size:2rem}}.blog-new-page .blog-hero .hero-text p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95}@media(max-width:768px){.blog-new-page .blog-hero .hero-text p{font-size:1.1rem}}.blog-new-page .blog-hero .hero-search{position:relative;max-width:600px;margin:0 auto 2rem;display:flex;background:#fff;border-radius:60px;box-shadow:var(--shadow-xl);overflow:hidden}.blog-new-page .blog-hero .hero-search .search-input{flex:1 1;padding:1.25rem 1.5rem;border:none;font-size:1rem;outline:none;background:rgba(0,0,0,0)}.blog-new-page .blog-hero .hero-search .search-input::placeholder{color:var(--gray-400)}.blog-new-page .blog-hero .hero-search .search-button{padding:0 2rem;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-hero .hero-search .search-button:hover{background:var(--forest-color)}.blog-new-page .blog-hero .quick-categories{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.blog-new-page .blog-hero .quick-categories .category-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:30px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-hero .quick-categories .category-pill.active,.blog-new-page .blog-hero .quick-categories .category-pill:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.blog-new-page .blog-hero .quick-categories .category-pill .category-icon{font-size:1.2rem}.blog-new-page .featured-section{padding:4rem 0;background:#fff;border-bottom:1px solid var(--gray-200)}.blog-new-page .featured-section .featured-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.blog-new-page .featured-section .featured-header h2{font-size:2rem;font-weight:700;color:var(--gray-800);margin:0}.blog-new-page .featured-section .featured-header .featured-badge{padding:.25rem 1rem;background:linear-gradient(135deg,var(--orange-color),#DC2626);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-new-page .featured-section .featured-post{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;padding:2rem;background:var(--gray-50);border-radius:var(--border-radius-xl);border:1px solid var(--gray-200);overflow:hidden}@media(max-width:968px){.blog-new-page .featured-section .featured-post{grid-template-columns:1fr;gap:2rem}}.blog-new-page .featured-section .featured-post .featured-image{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;height:400px}@media(max-width:968px){.blog-new-page .featured-section .featured-post .featured-image{height:300px}}.blog-new-page .featured-section .featured-post .featured-image img{width:100%;height:100%;object-fit:cover}.blog-new-page .featured-section .featured-post .featured-image .featured-category{position:absolute;top:1.5rem;left:1.5rem;padding:.5rem 1rem;background:#fff;border-radius:8px;font-weight:600;font-size:.9rem;color:var(--primary-color);box-shadow:var(--shadow-md)}.blog-new-page .featured-section .featured-post .featured-content{display:flex;flex-direction:column;justify-content:center}.blog-new-page .featured-section .featured-post .featured-content h3{font-size:2rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;line-height:1.3}@media(max-width:768px){.blog-new-page .featured-section .featured-post .featured-content h3{font-size:1.5rem}}.blog-new-page .featured-section .featured-post .featured-content .featured-excerpt{font-size:1.1rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .author-info{display:flex;align-items:center;gap:1rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .author-info .author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .author-info .author-name{font-weight:600;color:var(--gray-800);margin:0}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .author-info .author-role{font-size:.9rem;color:var(--gray-500);margin:0}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .post-meta{display:flex;gap:1.5rem;color:var(--gray-500);font-size:.95rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .post-meta .read-time{display:flex;align-items:center;gap:.25rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .post-meta .read-time:before{content:"📖";font-size:1rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .post-meta .post-date{display:flex;align-items:center;gap:.25rem}.blog-new-page .featured-section .featured-post .featured-content .featured-meta .post-meta .post-date:before{content:"📅";font-size:1rem}.blog-new-page .featured-section .featured-post .featured-content .featured-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-color);color:#fff;border-radius:10px;font-weight:600;text-decoration:none;transition:var(--transition);align-self:flex-start}.blog-new-page .featured-section .featured-post .featured-content .featured-link:hover{background:var(--forest-color);transform:translateX(4px)}.blog-new-page .featured-section .featured-post .featured-content .featured-link svg{transition:transform .3s}.blog-new-page .featured-section .featured-post .featured-content .featured-link:hover svg{transform:translateX(4px)}.blog-new-page .blog-content{padding:4rem 0}.blog-new-page .blog-content .content-wrapper{display:grid;grid-template-columns:300px 1fr;grid-gap:3rem;gap:3rem}@media(max-width:1024px){.blog-new-page .blog-content .content-wrapper{grid-template-columns:1fr}}.blog-new-page .blog-sidebar{position:-webkit-sticky;position:sticky;top:100px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media(max-width:1024px){.blog-new-page .blog-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}}.blog-new-page .blog-sidebar .sidebar-section{background:#fff;border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--gray-200)}.blog-new-page .blog-sidebar .sidebar-section h3{font-size:1.1rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem}.blog-new-page .blog-sidebar .sidebar-section .category-list{display:flex;flex-direction:column;gap:.5rem}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(0,0,0,0);border:1px solid var(--gray-200);border-radius:10px;color:var(--gray-700);font-size:.95rem;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item .cat-icon{margin-right:.5rem}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item .count{padding:.125rem .5rem;background:var(--gray-100);border-radius:12px;font-size:.85rem;color:var(--gray-600)}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item:hover{background:var(--gray-50);border-color:var(--primary-color)}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-new-page .blog-sidebar .sidebar-section .category-list .category-item.active .count{background:hsla(0,0%,100%,.2);color:#fff}.blog-new-page .blog-sidebar .sidebar-section .tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.blog-new-page .blog-sidebar .sidebar-section .tags-cloud .tag-pill{padding:.5rem 1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:20px;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-sidebar .sidebar-section .tags-cloud .tag-pill:hover{background:var(--gray-200)}.blog-new-page .blog-sidebar .sidebar-section .tags-cloud .tag-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-new-page .blog-sidebar .sidebar-section .recent-posts{display:flex;flex-direction:column;gap:1rem}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item{display:flex;gap:1rem;text-decoration:none;color:inherit;transition:var(--transition)}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item:hover{transform:translateX(4px)}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item:hover h4{color:var(--primary-color)}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item .recent-post-image{width:80px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item .recent-post-image img{width:100%;height:100%;object-fit:cover}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item .recent-post-content{flex:1 1}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item .recent-post-content h4{font-size:.95rem;font-weight:600;color:var(--gray-800);margin:0 0 .25rem;line-height:1.3;transition:var(--transition)}.blog-new-page .blog-sidebar .sidebar-section .recent-posts .recent-post-item .recent-post-content .recent-post-date{font-size:.85rem;color:var(--gray-500)}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta{background:linear-gradient(135deg,var(--primary-color),var(--forest-color));color:#fff}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta h3{color:#fff}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta p{font-size:.95rem;margin-bottom:1rem;opacity:.95}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta .newsletter-input{width:100%;padding:.75rem 1rem;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;margin-bottom:1rem}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta .newsletter-input::placeholder{color:hsla(0,0%,100%,.6)}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta .newsletter-button{width:100%;padding:.75rem 1rem;background:#fff;color:var(--primary-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-sidebar .sidebar-section.newsletter-cta .newsletter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.blog-new-page .blog-main{flex:1 1}.blog-new-page .blog-main .blog-toolbar{justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-radius:var(--border-radius);margin-bottom:2rem;border:1px solid var(--gray-200);flex-wrap:wrap}.blog-new-page .blog-main .blog-toolbar,.blog-new-page .blog-main .blog-toolbar .toolbar-left{display:flex;align-items:center;gap:1rem}.blog-new-page .blog-main .blog-toolbar .toolbar-left .results-count{color:var(--gray-600);font-size:.95rem}.blog-new-page .blog-main .blog-toolbar .toolbar-left .clear-filters{padding:.5rem 1rem;background:rgba(0,0,0,0);border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-600);font-size:.9rem;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-main .blog-toolbar .toolbar-left .clear-filters:hover{background:var(--gray-50);border-color:var(--gray-400)}.blog-new-page .blog-main .blog-toolbar .toolbar-right{display:flex;align-items:center;gap:1rem}.blog-new-page .blog-main .blog-toolbar .toolbar-right .sort-select{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:6px;background:#fff;color:var(--gray-700);font-size:.95rem;cursor:pointer}.blog-new-page .blog-main .blog-toolbar .toolbar-right .view-toggle{display:flex;background:var(--gray-100);border-radius:6px;padding:2px}.blog-new-page .blog-main .blog-toolbar .toolbar-right .view-toggle button{padding:.5rem;background:rgba(0,0,0,0);border:none;border-radius:4px;color:var(--gray-500);cursor:pointer;transition:var(--transition);display:flex;align-items:center}.blog-new-page .blog-main .blog-toolbar .toolbar-right .view-toggle button.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.blog-new-page .blog-main .blog-toolbar .toolbar-right .view-toggle button:hover:not(.active){color:var(--gray-700)}.blog-new-page .blog-main .active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-new-page .blog-main .active-filters .filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-color);color:#fff;border-radius:6px;font-size:.9rem}.blog-new-page .blog-main .active-filters .filter-tag button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.8;transition:var(--transition)}.blog-new-page .blog-main .active-filters .filter-tag button:hover{opacity:1}.blog-new-page .blog-main .blog-posts.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:2rem;gap:2rem}@media(max-width:768px){.blog-new-page .blog-main .blog-posts.grid{grid-template-columns:1fr}}.blog-new-page .blog-main .blog-posts.list{display:flex;flex-direction:column;gap:1.5rem}.blog-new-page .blog-main .blog-posts.list .blog-card{display:flex;flex-direction:row;align-items:stretch}@media(max-width:768px){.blog-new-page .blog-main .blog-posts.list .blog-card{flex-direction:column}}.blog-new-page .blog-main .blog-posts.list .blog-card .card-image-link{flex:0 0 300px}@media(max-width:768px){.blog-new-page .blog-main .blog-posts.list .blog-card .card-image-link{flex:none}}.blog-new-page .blog-main .blog-posts.list .blog-card .card-content{padding:1.5rem}.blog-new-page .blog-main .blog-posts .blog-card{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:var(--transition)}.blog-new-page .blog-main .blog-posts .blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.blog-new-page .blog-main .blog-posts .blog-card:hover .card-title a{color:var(--primary-color)}.blog-new-page .blog-main .blog-posts .blog-card .card-image-link{display:block;text-decoration:none}.blog-new-page .blog-main .blog-posts .blog-card .card-image{position:relative;height:220px;overflow:hidden;background:var(--gray-100)}.blog-new-page .blog-main .blog-posts .blog-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-new-page .blog-main .blog-posts .blog-card .card-image:hover img{transform:scale(1.05)}.blog-new-page .blog-main .blog-posts .blog-card .card-image .featured-indicator{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:linear-gradient(135deg,var(--orange-color),#DC2626);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-new-page .blog-main .blog-posts .blog-card .card-content{padding:1.5rem;display:flex;flex-direction:column;height:100%}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-meta .card-category{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-meta .card-date{color:var(--gray-500);font-size:.9rem}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-title{margin-bottom:.75rem}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-title a{color:var(--gray-800);text-decoration:none;font-size:1.25rem;font-weight:700;line-height:1.3;transition:var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-excerpt{color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-100)}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer .card-author{display:flex;align-items:center;gap:.5rem}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer .card-author .author-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer .card-author .author-name{color:var(--gray-700);font-size:.9rem;font-weight:500}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer .read-time{color:var(--gray-500);font-size:.9rem}.blog-new-page .blog-main .blog-posts .blog-card .card-content .card-footer .read-time:before{content:"⏱";margin-right:.25rem}.blog-new-page .blog-main .blog-posts .no-results{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--gray-200)}.blog-new-page .blog-main .blog-posts .no-results h3{font-size:1.5rem;color:var(--gray-800);margin-bottom:.5rem}.blog-new-page .blog-main .blog-posts .no-results p{color:var(--gray-600)}.blog-new-page .blog-main .pagination{margin-top:3rem;text-align:center}.blog-new-page .blog-main .pagination .pagination-button{padding:1rem 2rem;background:#fff;border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition)}.blog-new-page .blog-main .pagination .pagination-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-new-page .blog-cta{padding:4rem 0;background:linear-gradient(135deg,var(--forest-color) 0,var(--primary-color) 100%);margin-top:4rem}.blog-new-page .blog-cta .cta-content{text-align:center;color:#fff}.blog-new-page .blog-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.blog-new-page .blog-cta .cta-content h2{font-size:1.8rem}}.blog-new-page .blog-cta .cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}@media(max-width:768px){.blog-new-page .blog-cta .cta-content p{font-size:1.1rem}}.blog-new-page .blog-cta .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.blog-new-page .blog-cta .cta-content .cta-buttons .cta-button{padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.blog-new-page .blog-cta .cta-content .cta-buttons .cta-button.primary{background:#fff;color:var(--primary-color)}.blog-new-page .blog-cta .cta-content .cta-buttons .cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.blog-new-page .blog-cta .cta-content .cta-buttons .cta-button.secondary{background:hsla(0,0%,100%,.2);color:#fff;border:2px solid #fff}.blog-new-page .blog-cta .cta-content .cta-buttons .cta-button.secondary:hover{background:#fff;color:var(--primary-color)}