.blog-page{color:#1a1a1a;background-color:#fff;min-height:100vh}.blog-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.blog-search-section{text-align:center;margin-bottom:3rem}.blog-search-input{color:#1a1a1a;background-color:#fff;border:2px solid #ddd;border-radius:.5rem;outline:none;width:100%;max-width:500px;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.blog-search-input:focus{border-color:#999;box-shadow:0 0 0 4px #0000000d}.blog-empty{text-align:center;padding:4rem 2rem}.blog-empty p{color:#666;font-size:1.25rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.blog-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:1rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.blog-card:hover{border-color:#ccc;transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.blog-card-image-wrapper{background:#f5f5f5;width:100%;height:250px;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{padding:1.5rem}.blog-card-date{color:#666;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.blog-card-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-card-description{color:#666;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.blog-card-button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.blog-card-button:hover{background:#333;border-color:#333}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:3rem 0;padding:0;list-style:none;display:flex}.blog-pagination-page,.blog-pagination-prev,.blog-pagination-next,.blog-pagination-break{margin:0}.blog-pagination-link{color:#1a1a1a;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .3s;display:block}.blog-pagination-link:hover{background:#f5f5f5;border-color:#999}.blog-pagination-active .blog-pagination-link{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.blog-pagination-disabled .blog-pagination-link{opacity:.5;cursor:not-allowed}.blog-pagination-disabled .blog-pagination-link:hover{background:#fff;border-color:#ddd}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-title{font-size:1.25rem}}