.blog-hero{text-align:center;background:linear-gradient(135deg,#e11d4826,#8b5cf61a);border-radius:0 0 32px 32px;margin-bottom:48px;padding:80px 24px 60px;position:relative}.blog-hero h1{background:linear-gradient(135deg,#e11d48,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:800}.blog-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.blog-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-grid{grid-template-columns:1fr 300px;gap:40px;display:grid}.blog-posts{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.blog-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 40px #e11d4826}.blog-card-img{object-fit:cover;background:linear-gradient(135deg,#e11d4833,#8b5cf633);width:100%;height:200px}.blog-card-body{padding:20px}.blog-card-cat{color:var(--primary);background:#e11d4826;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-title a{color:var(--text-primary);text-decoration:none}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.blog-sidebar{flex-direction:column;gap:24px;display:flex}.blog-sidebar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.blog-sidebar-card h3{border-bottom:2px solid var(--primary);margin-bottom:16px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.blog-sidebar-cat{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:8px 0;text-decoration:none;transition:color .2s;display:flex}.blog-sidebar-cat:hover{color:var(--primary)}.blog-sidebar-cat span{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2px 10px;font-size:.75rem}.blog-tags-cloud{flex-wrap:wrap;gap:8px;display:flex}.blog-tag{color:var(--text-primary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:all .2s}.blog-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.article-header{text-align:center;background:linear-gradient(135deg,#e11d481a,#8b5cf614);border-radius:0 0 32px 32px;margin-bottom:40px;padding:60px 24px}.article-header h1{max-width:800px;margin:0 auto 16px;font-size:2rem;font-weight:800;line-height:1.5}.article-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:24px;font-size:.9rem;display:flex}.article-body{max-width:800px;margin:0 auto;padding:0 24px 60px}.article-body .content{color:var(--text-primary);font-size:1.05rem;line-height:2}.article-body .content h2{color:var(--primary);margin:32px 0 16px;font-size:1.5rem;font-weight:700}.article-body .content h3{margin:24px 0 12px;font-size:1.2rem;font-weight:600}.article-body .content p{margin-bottom:16px}.article-body .content img{border-radius:12px;max-width:100%;margin:20px 0}.article-tags{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px;margin:32px 0;padding-top:24px;display:flex}.related-posts{border-top:2px solid var(--border-color);margin-top:48px;padding-top:32px}.related-posts h2{margin-bottom:24px;font-size:1.5rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.blog-pagination{justify-content:center;gap:8px;margin:40px 0;display:flex}.blog-pagination button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;transition:all .2s}.blog-pagination button:hover,.blog-pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-pagination button:disabled{opacity:.4;cursor:not-allowed}.blog-search{gap:8px;margin-bottom:24px;display:flex}.blog-search input{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;flex:1;padding:12px 16px;font-size:1rem}.blog-search button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600}@media (max-width:768px){.blog-grid,.blog-posts{grid-template-columns:1fr}.blog-hero h1{font-size:1.8rem}.article-header h1{font-size:1.5rem}}