.blog-hero{position:relative;margin-top:72px;padding:48px 0 32px;background:var(--bg-section);overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-section-line)}.blog-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-section-line)}.blog-hero-content{position:relative;z-index:1;max-width:860px}.blog-hero-heading{color:var(--text-primary)}.blog-hero-sub{color:var(--text-secondary)}.blog-listing{background:var(--bg-section);padding:60px 0 80px}.blog-grid{display:flex;flex-direction:column;gap:32px}.blog-card{display:grid;grid-template-columns:280px 1fr;background:var(--bg-section);border:1px solid var(--border-medium);border-radius:16px;overflow:hidden;transition:all .3s ease;text-decoration:none}.blog-card:hover{border-color:var(--border-accent);box-shadow:0 8px 32px var(--shadow-card);transform:translateY(-2px)}.blog-card-image{height:100%;min-height:200px;max-height:260px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.blog-card-category{display:inline-block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:10px}.blog-card-title{font-size:20px;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:12px}.blog-card-excerpt{font-size:14px;font-weight:300;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.blog-card-meta{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.blog-card-link{font-size:14px;font-weight:600;color:var(--accent-secondary);transition:color .3s ease}.blog-card:hover .blog-card-link{color:var(--accent)}@media(max-width:768px){.blog-card{grid-template-columns:1fr}.blog-card-image{max-height:200px}}@media(max-width:480px){.blog-card-image{max-height:160px}.blog-card-body{padding:20px}.blog-card-title{font-size:18px}}.blog-category{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-secondary);background:var(--accent-bg);border:1px solid var(--border-accent);border-radius:4px;padding:6px 16px;margin-bottom:24px}.blog-title{font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--text-primary)}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:14px;color:var(--text-tertiary)}.blog-meta-item{display:flex;align-items:center;gap:8px}.blog-meta-icon{color:var(--accent-secondary);flex-shrink:0}.blog-content{padding:32px 0 80px;background:var(--bg-section);position:relative}.blog-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-section-line)}.blog-content-inner{max-width:800px;margin:0 auto}.blog-content-inner p{font-size:16px;font-weight:300;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.blog-content-inner h2{font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--text-primary);margin-top:56px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-medium)}.blog-content-inner h3{font-size:clamp(18px,2.5vw,22px);font-weight:600;color:var(--text-primary);margin-top:36px;margin-bottom:16px}.blog-content-inner h4{font-size:18px;font-weight:600;color:var(--accent-secondary);margin-top:28px;margin-bottom:12px}.blog-content-inner ul,.blog-content-inner ol{margin-bottom:24px;padding-left:0}.blog-content-inner ul li,.blog-content-inner ol li{font-size:16px;font-weight:300;line-height:1.8;color:var(--text-secondary);margin-bottom:10px;padding-left:24px;position:relative}.blog-content-inner ul li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent-secondary);box-shadow:0 0 6px var(--bullet-glow)}.blog-content-inner ol{counter-reset:blog-counter}.blog-content-inner ol li{counter-increment:blog-counter}.blog-content-inner ol li:before{content:counter(blog-counter) ".";position:absolute;left:0;color:var(--accent-secondary);font-weight:600}.blog-content-inner strong{color:var(--text-primary);font-weight:600}.blog-content-inner a{color:var(--accent-secondary);transition:color .3s ease}.blog-content-inner a:hover{color:var(--accent);text-decoration:underline}.blog-stat{text-align:center;padding:32px;margin:32px 0;background:var(--accent-bg);border:1px solid var(--border-accent);border-radius:12px}.blog-stat-number{display:block;font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--accent-secondary);line-height:1.2;margin-bottom:8px}.blog-stat-label{display:block;font-size:15px;font-weight:400;color:var(--text-tertiary);line-height:1.5}.blog-highlight-box{padding:28px 32px;margin:32px 0;background:var(--accent-bg);border-left:4px solid var(--accent-secondary);border-radius:0 12px 12px 0}.blog-highlight-box p{margin-bottom:0!important;color:var(--text-primary)!important;font-size:15px!important}.blog-challenge-box{padding:28px 32px;margin:32px 0;background:#ff8c000a;border:1px solid rgba(255,140,0,.3);border-left:4px solid #ff8c00;border-radius:0 12px 12px 0}.blog-challenge-box .blog-challenge-title{font-size:16px;font-weight:700;color:#ff8c00;margin-bottom:10px}.blog-challenge-box p{margin-bottom:0!important;color:var(--text-secondary)!important}.blog-tech-spec{padding:28px 32px;margin:32px 0;background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:12px;font-family:Inter,monospace}.blog-tech-spec .tech-spec-title{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:16px}.blog-tech-spec p{font-size:14px!important;line-height:1.9!important;color:var(--text-secondary)!important;margin-bottom:8px!important}.blog-tech-spec code{color:var(--accent-secondary);font-weight:500}.blog-comparison-table{margin:32px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border-medium)}.blog-comparison-table table{width:100%;border-collapse:collapse;min-width:700px}.blog-comparison-table thead{background:var(--accent-bg)}.blog-comparison-table th{padding:14px 16px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-secondary);text-align:left;border-bottom:1px solid var(--border-accent);white-space:nowrap}.blog-comparison-table td{padding:12px 16px;font-size:14px;font-weight:300;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.blog-comparison-table tbody tr:hover{background:var(--bg-surface-hover)}.blog-comparison-table tbody tr:first-child{background:var(--accent-bg)}.blog-comparison-table tbody tr:first-child td{color:var(--text-primary);font-weight:400}.blog-checkmark{color:#0c8;font-weight:600}.blog-xmark{color:#f55;font-weight:600}.blog-future-box{padding:32px;margin:32px 0;background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:12px;position:relative;overflow:hidden}.blog-future-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent),var(--accent-secondary))}.blog-future-box .blog-future-title{font-size:18px;font-weight:700;color:var(--accent-secondary);margin-bottom:16px}.blog-future-box ul li:before{background:var(--accent-secondary)!important}.blog-cta-box{text-align:center;padding:48px 40px;margin:56px 0 32px;background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:16px;position:relative;overflow:hidden}.blog-cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-secondary),transparent)}.blog-cta-box h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px;margin-top:0!important}.blog-cta-box p{font-size:16px;color:var(--text-secondary);margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto}.blog-cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;font-size:14px;font-weight:700;font-family:inherit;letter-spacing:.5px;border-radius:8px;border:none;background:var(--gradient-btn);color:var(--gradient-btn-text);cursor:pointer;transition:all .3s ease}.blog-cta-button:hover{background:var(--gradient-btn-hover);box-shadow:0 0 30px var(--glow-accent-strong);transform:translateY(-2px);color:var(--gradient-btn-text)}.blog-about-box{padding:32px;margin:32px 0;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:12px}.blog-about-box h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px;margin-top:0!important}.blog-about-box p{font-size:14px;color:var(--text-tertiary);margin-bottom:16px}.blog-about-box a{color:var(--accent-secondary);font-weight:500}.blog-about-box a:hover{text-decoration:underline}@media(max-width:768px){.blog-hero{margin-top:60px;padding:36px 0 24px}.blog-title{font-size:clamp(24px,5vw,36px)}.blog-meta{flex-direction:column;align-items:flex-start;gap:12px}.blog-content{padding:48px 0}.blog-content-inner h2{margin-top:40px}.blog-stat{padding:24px 20px}.blog-highlight-box,.blog-challenge-box,.blog-tech-spec{padding:20px 24px}.blog-cta-box{padding:36px 24px}.blog-future-box{padding:24px}.blog-comparison-table{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}}@media(max-width:480px){.blog-hero{padding:28px 0 20px}.blog-content-inner p,.blog-content-inner ul li,.blog-content-inner ol li{font-size:15px}.blog-cta-button{width:100%;justify-content:center}}.blog-article-hero{position:relative;margin-top:72px;padding:48px 0 32px;background:var(--bg-section);overflow:hidden}.blog-article-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-section-line)}.blog-article-title{color:var(--text-primary)}.blog-article-category{color:var(--accent-secondary)}.blog-article-date,.blog-article-readtime,.blog-article-author{color:var(--text-tertiary)}.blog-back-link{color:var(--accent-secondary)}.blog-article-meta-top{color:var(--text-tertiary)}.blog-article-content,.blog-article{background:var(--bg-section);color:var(--text-primary);position:relative;padding-top:32px}.blog-article-content:before,.blog-article:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-section-line)}.blog-article-content p,.blog-article p,.blog-article-container p{color:var(--text-secondary)}.blog-article-content h2,.blog-article h2,.blog-article-container h2,.blog-section h2{color:var(--text-primary);border-bottom-color:var(--border-medium)}.blog-article-content h3,.blog-article h3,.blog-article-container h3,.blog-section h3{color:var(--text-primary)}.blog-article-content h4,.blog-article h4,.blog-article-container h4,.blog-section h4{color:var(--accent-secondary)}.blog-article-content ul li,.blog-article ul li,.blog-article-container ul li,.blog-section ul li,.blog-article-content ol li,.blog-article ol li,.blog-article-container ol li,.blog-section ol li{color:var(--text-secondary)}.blog-article-content strong,.blog-article strong,.blog-article-container strong,.blog-section strong{color:var(--text-primary)}.blog-article-content a,.blog-article a,.blog-article-container a,.blog-section a{color:var(--accent-secondary)}.blog-section{background:var(--bg-section)}.blog-author{color:var(--text-tertiary)}.blog-meta-divider{color:var(--text-muted)}.blog-read-time{color:var(--text-tertiary)}