.blog-page{background:var(--bg);min-height:100vh}.blog-hero{text-align:center;background:var(--bg);border-bottom:1px solid var(--border);padding:80px 20px 60px}.blog-hero-inner{max-width:900px;margin:0 auto}.breadcrumb{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent)}.blog-title{color:var(--text-primary);margin-bottom:16px;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1.2}.blog-title span{color:var(--accent)}.blog-description{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.blog-content{max-width:1200px;margin:0 auto;padding:60px 20px 100px}.blog-section-title{color:var(--text-primary);text-align:center;margin-bottom:40px;font-size:32px;font-weight:700;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.blog-section-title:after{content:"";background:var(--accent);width:60px;height:3px;position:absolute;bottom:-8px;left:0}.blog-filters{flex-direction:column;align-items:center;gap:20px;width:100%;margin-bottom:50px;display:flex}.blog-search-container{width:100%;max-width:500px;position:relative}.blog-search-input{background:var(--surface);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);border-radius:30px;padding:14px 45px 14px 20px;font-size:16px;transition:all .3s}.blog-search-input::-moz-placeholder{color:var(--text-faint)}.blog-search-input::placeholder{color:var(--text-faint)}.blog-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.blog-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px;transition:color .2s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.blog-search-clear:hover{color:var(--text-primary)}.blog-category-tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blog-category-tab{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .2s}.blog-category-tab:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-tertiary)}.blog-category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-sm)}.blog-empty-search{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.blog-empty-search h3{color:var(--text-primary);margin-bottom:10px;font-size:22px}@media (width>=768px){.blog-filters{flex-direction:row;justify-content:space-between;align-items:center}.blog-search-container{max-width:360px}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}@media (width<=768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-card-image-link{text-decoration:none;display:block}.blog-card-image{background:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);width:100%;height:220px;position:relative;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.blog-card-category{color:var(--accent)}.blog-card-divider{color:var(--text-faint)}.blog-card-title{min-height:56px;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4}.blog-card-title a{color:var(--text-primary);text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:var(--accent)}.blog-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.blog-card-date{color:var(--text-muted);font-size:12px;font-weight:500}.blog-card-link{color:var(--accent);align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-card-link:hover{color:var(--accent-hover);transform:translate(4px)}.blog-empty{text-align:center;color:var(--text-muted);padding:100px 20px}.blog-empty h3{color:var(--text-primary);margin-bottom:12px;font-size:28px}.blog-empty p{font-size:16px}.blog-article-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.blog-article-loading,.blog-article-error{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.blog-article-error h1{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.blog-article-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.blog-article-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-article-category{color:var(--accent);font-weight:600}.blog-article-divider{color:var(--text-faint)}.blog-article-time{color:var(--text-muted)}.blog-article-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.blog-article-byline{color:var(--text-secondary);margin:0 0 .65rem;font-size:.95rem}.blog-article-byline a{color:var(--accent);text-underline-offset:3px;font-weight:600}.blog-article-date{color:var(--text-muted);font-size:.875rem;display:block}.blog-article-updated{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;font-style:italic;display:block}.blog-article-updated time{color:var(--text-muted)}.blog-article-content{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.blog-article-content h1{font-size:2rem}.blog-article-content h2{font-size:1.75rem}.blog-article-content h3{font-size:1.5rem}.blog-article-content h4{font-size:1.25rem}.blog-article-content p{margin-bottom:1.5rem}.blog-article-content strong{color:var(--text-primary);font-weight:600}.blog-article-content em{color:var(--text-secondary);font-style:italic}.blog-article-content a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.blog-article-content a:hover{border-bottom-color:var(--accent)}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.5rem}.blog-article-content blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.blog-article-content code{background:var(--bg-tertiary);color:var(--text-primary);font-size:.9em;font-family:var(--font-mono);border-radius:.25rem;padding:.2rem .4rem}.blog-article-content pre{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;margin:2rem 0;padding:1.5rem;overflow-x:auto}.blog-article-content pre code{color:var(--text-primary);background:0 0;padding:0}.blog-article-content hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.blog-article-content img{border-radius:.5rem;width:100%;max-width:100%;height:auto;margin:2rem 0;display:block}.blog-article-content .table-wrapper{margin:2rem 0;overflow-x:auto}.blog-article-content table{border-collapse:collapse;background:var(--surface);border-radius:.5rem;width:100%}.blog-article-content th,.blog-article-content td{border:1px solid var(--border);text-align:left;padding:.75rem 1rem}.blog-article-content th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.blog-article-content td{color:var(--text-secondary)}.blog-article-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.blog-back-link{color:var(--accent);align-items:center;margin-bottom:2rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-back-link:hover{color:var(--accent-hover)}.blog-article-cta{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:1rem;padding:2rem}.blog-article-cta h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.blog-article-cta p{color:var(--text-muted);margin-bottom:1.5rem}.blog-article-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.blog-cta-button{background:var(--text-primary);color:var(--bg);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-block}.blog-cta-button:hover{box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}@media (width<=768px){.blog-article-container{padding:1.5rem 1rem}.blog-article-title{font-size:1.75rem}.blog-article-content{font-size:1rem}.blog-article-content h1{font-size:1.5rem}.blog-article-content h2{font-size:1.35rem}.blog-article-content h3{font-size:1.25rem}.blog-article-cta-buttons{flex-direction:column}.blog-cta-button{width:100%}}.author-bio{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;margin:3rem 0 2rem;padding:2rem}.author-bio-wrapper{align-items:flex-start;gap:1.5rem;display:flex}.author-bio-image{-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-strong);width:80px;height:80px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0}.author-bio-content-wrapper{flex:1}.author-bio h2{color:var(--text-primary);border-bottom:2px solid var(--accent);margin:0 0 1rem;padding-bottom:1rem;font-size:1.5rem}.author-bio-content{color:var(--text-secondary);line-height:1.8}.author-bio-content p{margin-bottom:.75rem}.author-bio-content p:last-child{margin-bottom:0}.author-bio-content strong{color:var(--text-primary);font-weight:600}.author-bio-content a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.author-bio-content a:hover{border-bottom-color:var(--accent)}@media (width<=768px){.author-bio{padding:1.5rem}.author-bio-wrapper{text-align:center;flex-direction:column;align-items:center}.author-bio-image{width:70px;height:70px}.author-bio h2{font-size:1.25rem}}