.blog-container{padding:2rem}.blog-header{font-size:2.2rem;font-weight:700;text-align:center;color:#222;letter-spacing:1px;margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.blog-card{cursor:pointer;overflow:hidden}.blog-card:hover{transform:translateY(-5px)}.blog-image-wrapper{height:240px;overflow:hidden}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;border-radius:20px}.blog-card:hover .blog-image{transform:scale(1.1)}.blog-content{padding:1.2rem}.blog-title{font-size:1rem;font-weight:600;color:#222;margin-bottom:.5rem}.blog-card p{color:#444;line-height:1.6;font-size:.95rem;margin-bottom:1rem}.blog-date{font-size:.9rem;color:#777;font-style:italic}.load-more-container{display:flex;justify-content:center;margin-top:20px}.load-more-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background-color:#2563eb}.load-more-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.blog-skeletons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.blog-skeleton-card{height:300px;background:#e5e7eb;border-radius:12px;animation:pulse 1.5s infinite}@keyframes pulse{0%{background-color:#e5e7eb}50%{background-color:#f3f4f6}to{background-color:#e5e7eb}}@media (max-width:768px){.blog-header{font-size:2rem;margin-bottom:2rem}}.skeleton{pointer-events:none;animation:fadeIn .3s ease-in}.skeleton-img,.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite;border-radius:8px}.skeleton-img{width:100%;height:180px}.skeleton-text{height:16px;margin:10px 12px}.skeleton-text.short{width:70%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}