.blog-hero{position:relative;padding:200px 100px 0 100px;background:var(--gradient-hero);text-align:center;overflow-x:clip;border-bottom:1px solid var(--gray-100)}.blog-hero-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:0 24px}.blog-hero h1{margin-bottom:24px}.blog-hero .hero-subtitle{font-size:1.25rem;color:var(--gray-500);max-width:700px;margin:0 auto 40px}.blog-search-wrapper{max-width:600px;margin:0 auto 60px}.search-input-group{display:flex;align-items:center;background:var(--white);padding:8px 8px 8px 24px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 0 1px var(--gray-100);transition:all var(--transition-normal)}.search-input-group:focus-within{box-shadow:var(--shadow-xl),0 0 0 2px var(--primary-light)}.search-input-group svg{color:var(--gray-400);flex-shrink:0}.search-input-group input{flex:1;border:none;background:#fff0;padding:12px 16px;font-size:16px;font-family:var(--font-family);color:var(--gray-900);outline:none}.search-input-group input::placeholder{color:var(--gray-400)}.search-input-group .btn{padding:12px 32px}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0;z-index:998;display:none}.search-overlay.active{display:block}.blog-search-wrapper{position:relative;z-index:9999}.search-results-popup{position:absolute;top:calc(100% + 16px);left:0;right:0;margin:0 auto;width:100%;max-width:650px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25),0 0 0 1px rgb(255 255 255 / .1),0 0 40px rgb(92 84 160 / .15);max-height:450px;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;transition:opacity 0.3s ease,visibility 0.3s ease}.search-results-popup.active{opacity:1;visibility:visible}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0f0f5;background:linear-gradient(to bottom,#fafaff,#ffffff)}.search-results-count{font-size:14px;font-weight:600;color:var(--gray-600)}.search-close-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff0;border-radius:var(--radius-full);cursor:pointer;color:var(--gray-400);transition:all var(--transition-fast);flex-shrink:0;margin-right:4px}.search-close-btn.visible{display:flex}.search-close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.search-results-list{max-height:340px;overflow-y:auto;padding:8px}.search-result-item{display:flex;gap:16px;padding:12px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--gray-50)}.search-result-thumb{width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--gray-100)}.search-result-thumb img{width:100%;height:100%;object-fit:cover}.search-result-content{flex:1;min-width:0}.search-result-content h4{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.search-result-content p{font-size:13px;color:var(--gray-500);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;gap:12px;margin-top:6px;font-size:12px;color:var(--gray-400)}.search-no-results{padding:40px 20px;text-align:center;color:var(--gray-500)}.search-no-results svg{margin-bottom:12px;color:var(--gray-300)}.search-no-results h4{font-size:16px;color:var(--gray-600);margin:0 0 4px}.search-no-results p{font-size:14px;margin:0}.search-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px}.search-loading-spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-result-content mark{background:linear-gradient(120deg,rgb(92 84 160 / .2) 0%,rgb(92 84 160 / .3) 100%);color:var(--primary);padding:0 2px;border-radius:2px}.blog-section{padding:80px 0}.blog-categories{display:flex;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap}.category-btn{padding:10px 24px;border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-full);font-family:var(--font-family);font-weight:600;font-size:14px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-normal)}.category-btn:hover{border-color:var(--primary-light);color:var(--primary)}.category-btn.active{background:var(--gradient-primary);border-color:#fff0;color:var(--white);box-shadow:0 4px 14px rgb(36 29 91 / .3)}.featured-post{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:80px;padding:40px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);transition:all var(--transition-normal)}.featured-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.featured-post-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--primary-ultra-light) 0%,var(--gray-100) 100%)}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-post:hover .featured-post-image img{transform:scale(1.05)}.featured-post-image .post-category{position:absolute;top:20px;left:20px;background:var(--gradient-primary);color:var(--white);font-weight:600;font-size:12px;padding:6px 16px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.featured-post-content h2{font-size:1.75rem;margin-bottom:16px;line-height:1.3}.featured-post-content p{color:var(--gray-500);font-size:1.0625rem;line-height:1.7;margin-bottom:24px}.post-meta{display:flex;align-items:center;gap:20px;margin-bottom:16px}.post-date,.post-read-time{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--gray-400);font-weight:500}.post-date svg,.post-read-time svg{color:var(--primary-light)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.post-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 30px rgb(36 29 91 / .15);border-color:var(--primary-ultra-light)}.post-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,var(--primary-ultra-light) 0%,var(--gray-100) 100%)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card-image img{transform:scale(1.08)}.post-card-image .post-category{position:absolute;top:16px;left:16px;background:var(--white);color:var(--primary);font-weight:600;font-size:11px;padding:5px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.post-card-content{padding:24px}.post-card-content .post-meta{gap:16px;margin-bottom:12px}.post-card-content .post-date,.post-card-content .post-read-time{font-size:13px}.post-card-content .post-date svg,.post-card-content .post-read-time svg{display:none}.post-card-content h3{font-size:1.125rem;margin-bottom:10px;line-height:1.4}.post-card-content h3 a{color:var(--gray-900);transition:color var(--transition-fast)}.post-card-content h3 a:hover{color:var(--primary)}.post-card-content p{color:var(--gray-500);font-size:.9375rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-template-columns:1fr;gap:32px}}@media (max-width:768px){.blog-hero{padding:160px 0 80px}.blog-hero h1{font-size:2.5rem}.blog-hero .hero-subtitle{font-size:1.125rem;margin-bottom:30px}.blog-search-wrapper{margin-bottom:40px}.search-input-group{padding:6px 6px 6px 20px}.search-input-group input{padding:10px 12px;font-size:15px}.search-input-group .btn{padding:10px 20px;font-size:14px}.blog-section{padding:60px 0}.blog-categories{gap:8px;margin-bottom:40px}.category-btn{padding:8px 16px;font-size:13px}.featured-post{padding:24px;margin-bottom:50px}.featured-post-content h2{font-size:1.375rem}.blog-grid{grid-template-columns:1fr;gap:24px}.post-card-content{padding:20px}}@media (max-width:480px){.search-input-group{position:relative;flex-wrap:nowrap;padding:6px}.search-input-group>svg:first-child{display:none}.search-input-group input{flex:1;min-width:0;padding:12px 14px;font-size:14px}.search-input-group .btn{padding:10px 16px;font-size:13px;flex-shrink:0;white-space:nowrap}.search-close-btn{width:32px;height:32px}}.blog-grid:empty::after{content:'No posts found in this category.';grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--gray-400);font-size:1.125rem}.post-card-image::before,.featured-post-image::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgb(36 29 91 / .03) 0%,rgb(92 84 160 / .08) 50%,rgb(61 53 128 / .05) 100%);z-index:1;pointer-events:none}