.recent-blog-posts-section[data-v-f89e508e]{color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;padding:40px 20px 60px}.page-title[data-v-f89e508e]{color:#fff;font-size:28px;font-weight:600;margin-bottom:30px}.blog-grid[data-v-f89e508e]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.blog-post[data-v-f89e508e]{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;opacity:0;overflow:hidden;transform:translateY(20px);transition:transform .2s ease,box-shadow .2s ease}@keyframes fadeInSlideUp-f89e508e{to{opacity:1;transform:translateY(0)}}.blog-grid>.blog-post[data-v-f89e508e]:first-child{animation:fadeInSlideUp-f89e508e .5s ease-out .1s forwards}.blog-grid>.blog-post[data-v-f89e508e]:nth-child(2){animation:fadeInSlideUp-f89e508e .5s ease-out .15s forwards}.blog-grid>.blog-post[data-v-f89e508e]:nth-child(3){animation:fadeInSlideUp-f89e508e .5s ease-out .2s forwards}.blog-post[data-v-f89e508e]:hover{transform:translateY(-4px)}.image-container[data-v-f89e508e]{align-items:center;background-color:#161b22;border-radius:12px 12px 0 0;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.image-container img[data-v-f89e508e]{height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s ease-in-out;width:100%}.blog-post:hover .image-container img[data-v-f89e508e]{transform:scale(1.05);transition:.3s ease-in-out}.placeholder-image[data-v-f89e508e]{align-items:center;color:#6b7280;display:flex;justify-content:center}.post-content[data-v-f89e508e]{display:flex;flex-direction:column;flex-grow:1;padding:16px}.post-date[data-v-f89e508e]{color:#81a1c1;font-size:12px;margin-bottom:8px}.title-wrapper[data-v-f89e508e]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.post-title[data-v-f89e508e]{color:#e6edf3;display:-webkit-box;flex-grow:1;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:0!important;margin-right:10px;margin-top:0!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.arrow-link[data-v-f89e508e]{color:#8b949e;flex-shrink:0;margin-top:2px;transition:color .2s ease-in-out}.arrow-link[data-v-f89e508e]:hover{color:#eaeaea;transform:translate(3px) translateY(-3px)}.arrow-link svg[data-v-f89e508e]{height:18px;width:18px}.post-description[data-v-f89e508e]{color:#adb5bd;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:8px!important;margin-top:0!important;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-tags[data-v-f89e508e]{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.tag[data-v-f89e508e]{border-radius:16px;font-size:12px;font-weight:500;padding:3px 10px;transition:background-color .2s ease}.tag-default[data-v-f89e508e]{background-color:#30363d;border:1px solid #414a53;color:#c9d1d9}.tag-default[data-v-f89e508e]:hover{background-color:#3e4650}.post-link-wrapper[data-v-f89e508e]{color:inherit;text-decoration:none}.skeleton-post[data-v-f89e508e]{animation:none!important;opacity:1!important;transform:none!important}@keyframes shimmer-f89e508e{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-f89e508e]{border-radius:4px;height:16px;margin-bottom:8px}.skeleton-image[data-v-f89e508e],.skeleton-line[data-v-f89e508e]{animation:shimmer-f89e508e 2s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%}.skeleton-image[data-v-f89e508e]{border-radius:12px 12px 0 0;height:180px;width:100%}.skeleton-date[data-v-f89e508e]{height:12px;width:80px}.skeleton-title[data-v-f89e508e]{height:18px;width:90%}.skeleton-title-short[data-v-f89e508e]{height:18px;width:60%}.skeleton-description[data-v-f89e508e]{height:14px;width:100%}.skeleton-description-short[data-v-f89e508e]{height:14px;width:70%}.skeleton-tags[data-v-f89e508e]{display:flex;gap:8px;margin-top:8px}.skeleton-tag[data-v-f89e508e]{animation:shimmer-f89e508e 2s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:16px;height:20px;width:60px}.empty-state[data-v-f89e508e],.error-state[data-v-f89e508e]{color:#8b949e;padding:60px 20px;text-align:center}.empty-icon[data-v-f89e508e],.error-icon[data-v-f89e508e]{font-size:48px;margin-bottom:16px}.empty-state h3[data-v-f89e508e],.error-state h3[data-v-f89e508e]{color:#e6edf3;font-size:20px;margin-bottom:8px}.empty-state p[data-v-f89e508e],.error-state p[data-v-f89e508e]{font-size:16px;margin-bottom:20px}.retry-button[data-v-f89e508e]{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:opacity .2s ease}.retry-button[data-v-f89e508e]:hover{opacity:.9}@media (max-width:992px){.blog-grid[data-v-f89e508e]{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.blog-grid[data-v-f89e508e]{gap:30px;grid-template-columns:1fr}.page-title[data-v-f89e508e]{font-size:24px}.image-container[data-v-f89e508e]{height:170px}.post-title[data-v-f89e508e]{font-size:17px}.post-description[data-v-f89e508e]{font-size:13px;-webkit-line-clamp:2}}
