.blog-page{overflow-x:hidden}.blog-content{padding:3rem 0 5rem}.loading-container{padding:4rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:var(--text-light);font-size:1.1rem}.error-container{padding:4rem 0;text-align:center}.error-message{color:var(--error-color);font-size:1.1rem;margin-bottom:1.5rem}.retry-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:var(--primary-dark)}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.post-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.post-image{background-color:var(--background-alt);height:200px;overflow:hidden;width:100%}.post-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:1.5rem}.post-title{-webkit-line-clamp:2;color:var(--text-color);font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.post-excerpt,.post-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-excerpt{-webkit-line-clamp:3;color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.post-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:1rem}.post-date{color:var(--text-lighter);font-size:.9rem}.read-more{color:var(--primary-color);font-size:.9rem;font-weight:600;transition:color var(--transition-fast)}.post-card:hover .read-more{color:var(--primary-dark)}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border:2px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-color);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-fast)}.pagination-button:hover:not(.disabled){background-color:var(--primary-color);color:#fff}.pagination-button.disabled{border-color:var(--border-color);color:var(--text-lighter);cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem;margin:0 1rem}.pagination-number{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;font-weight:500;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all var(--transition-fast)}.pagination-number:hover{background-color:var(--background-alt);border-color:var(--primary-color)}.pagination-number.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:768px){.posts-grid{gap:1.5rem;grid-template-columns:1fr}.post-card{margin:0 auto;max-width:500px}.post-content{padding:1.25rem}.post-title{font-size:1.2rem}.pagination{flex-wrap:wrap;gap:.25rem}.pagination-button{font-size:.9rem;padding:.4rem .8rem}.pagination-numbers{margin:0 .5rem}.pagination-number{font-size:.9rem;min-width:35px;padding:.4rem .6rem}}@media (max-width:480px){.blog-content{padding:2rem 0 3rem}.posts-grid{gap:1rem}.post-content{padding:1rem}.post-title{font-size:1.1rem}.post-excerpt{font-size:.9rem}.post-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.pagination{gap:.2rem}.pagination-button{font-size:.85rem;padding:.35rem .7rem}.pagination-numbers{margin:0 .25rem}.pagination-number{font-size:.85rem;min-width:32px;padding:.35rem .5rem}}