.blog-page{min-height:100vh;font-family:var(--font-family-primary);background:#fff}.blog-main{padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#034c3c 0%,#023a2e 100%);margin-bottom:3rem;padding:4rem 0}.blog-hero h1{font-size:3.5rem;font-weight:700;line-height:1.2;font-family:var(--font-family-display);margin-bottom:1rem}.blog-hero p{opacity:.9;max-width:600px;font-size:1.25rem;line-height:1.6;font-family:var(--font-family-primary);margin:0 auto}.blog-loading{text-align:center;padding:4rem 2rem}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#034c3c;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-loading p{color:#6b7280;font-size:1.1rem}.blog-filters{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:3rem;padding:2rem}.filters-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.search-box{flex:1;min-width:300px;position:relative}.search-input{width:100%;font-size:1rem;font-family:var(--font-family-primary);background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem .75rem 3rem;transition:all .3s}.search-input:focus{border-color:#034c3c;outline:none;box-shadow:0 0 0 3px #034c3c1a}.search-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-btn:hover{color:#034c3c}.filter-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-select{cursor:pointer;font-size:1rem;font-family:var(--font-family-primary);background:#fff;border:2px solid #e5e7eb;border-radius:8px;min-width:150px;padding:.75rem 1rem;transition:all .3s}.filter-select:focus{border-color:#034c3c;outline:none;box-shadow:0 0 0 3px #034c3c1a}.clear-filters-btn{color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-family-primary);background:#ef4444;border:none;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.blog-error{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:2rem;padding:3rem 2rem}.blog-error p{color:#dc2626;margin-bottom:1rem;font-size:1.1rem}.retry-btn{color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-family-primary);background:#dc2626;border:none;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.blog-card:hover{border-color:#034c3c;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.blog-card-image{height:200px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;left:1rem}.blog-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-meta{color:#6b7280;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.blog-author{color:#034c3c;font-weight:600}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.4;font-family:var(--font-family-display);margin-bottom:.75rem}.blog-card-title a{color:#111827;text-decoration:none;transition:color .3s}.blog-card-title a:hover{color:#034c3c}.blog-card-excerpt{color:#6b7280;flex:1;margin-bottom:1.5rem;line-height:1.6}.blog-card-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.blog-card-stats{color:#6b7280;gap:1rem;font-size:.85rem;display:flex}.blog-views,.blog-comments{align-items:center;gap:.25rem;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{color:#374151;background:#f3f4f6;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.blog-tag-more{color:#6b7280;background:#e5e7eb;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.blog-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0;display:flex}.pagination-btn{color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-family-primary);background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.pagination-btn:hover:not(:disabled){color:#034c3c;border-color:#034c3c;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-numbers{align-items:center;gap:.5rem;display:flex}.pagination-number{color:#374151;cursor:pointer;width:40px;height:40px;font-size:.9rem;font-weight:600;font-family:var(--font-family-primary);background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.pagination-number:hover{color:#034c3c;border-color:#034c3c}.pagination-number.active{color:#fff;background:#034c3c;border-color:#034c3c}.pagination-ellipsis{color:#6b7280;font-weight:600}.blog-empty{text-align:center;max-width:500px;margin:0 auto;padding:4rem 2rem}.empty-icon{color:#9ca3af;margin-bottom:1.5rem}.blog-empty h2{color:#374151;font-size:1.5rem;font-weight:700;font-family:var(--font-family-display);margin-bottom:.5rem}.blog-empty p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}@media (max-width:768px){.blog-hero h1{font-size:2.5rem}.blog-hero p{font-size:1.1rem}.filters-row{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-buttons{justify-content:center}.filter-select{min-width:120px}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-pagination{flex-direction:column;gap:1rem}.pagination-numbers{order:2}.pagination-btn.prev{order:1}.pagination-btn.next{order:3}}@media (max-width:480px){.blog-hero h1{font-size:2rem}.blog-hero p{font-size:1rem}.blog-filters{padding:1.5rem}.filter-buttons{flex-direction:column;align-items:stretch}.filter-select{min-width:auto}.blog-card-content{padding:1rem}.blog-card-meta{flex-direction:column;gap:.5rem}.blog-card-title{font-size:1.1rem}.blog-pagination{padding:1rem 0}.pagination-numbers{gap:.25rem}.pagination-number{width:35px;height:35px;font-size:.8rem}}