.blog-page{background-color:#f4f5f8;min-height:100vh;padding:2rem 120px}.blog-page h1{text-align:center;color:#1b1b42;margin:0;padding:1rem 2rem 32px;font-size:3.5rem;font-weight:700}.blog-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;margin:32px auto 0;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #0000000d;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.blog-image{width:100%;height:250px;position:relative}.blog-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-image:after{content:"";background:linear-gradient(#0000,#fffc);height:40px;position:absolute;bottom:0;left:0;right:0}.blog-content{padding:24px}.blog-content h2{color:#1b1b42;margin:0 0 16px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.3}.blog-meta{color:#666;align-items:center;gap:16px;margin-bottom:16px;font-size:.9rem;display:flex}.blog-excerpt{color:#4a4a4a;margin-bottom:20px;line-height:1.6}.blog-link{color:#482d70;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:gap .3s;display:inline-flex}.blog-link:hover{gap:12px}.blog-link:after{content:"→";transition:transform .3s}.blog-link:hover:after{transform:translate(4px)}@media (max-width:1024px){.blog-page{padding:0 80px 60px}}@media (max-width:768px){.blog-page{padding:0 20px 60px}.blog-page h1{padding-bottom:24px;font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:30px;margin-top:24px}.blog-image{height:200px}.blog-content h2{font-size:1.3rem}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading}.skeleton-card{border-radius:12px;height:400px;overflow:hidden}.skeleton-image{width:100%;height:200px}.skeleton-title{width:80%;height:24px;margin:1.5rem}.skeleton-text{width:90%;height:16px;margin:.75rem 1.5rem}.skeleton-text:last-child{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-container{text-align:center;background:#fff5f5;border-radius:12px;max-width:600px;margin:2rem auto;padding:3rem}.error-title{color:#e53e3e;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.error-message{color:#4a5568;margin-bottom:2rem;line-height:1.6}.retry-button{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:.75rem 2rem;font-weight:500;transition:background-color .2s}.retry-button:hover{background:#c53030}.no-posts{text-align:center;background:#f7fafc;border-radius:12px;max-width:600px;margin:2rem auto;padding:3rem}.no-posts-title{color:#2d3748;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.no-posts-message{color:#4a5568;line-height:1.6}