.blogs-loading-state,.blogs-no-results{text-align:center;color:var(--color-muted);padding:10rem 1rem 4rem;font-size:1.25rem;font-weight:600}.blogs-page{max-width:1200px;margin:0 auto;padding:10rem 1.5rem 4rem}.blogs-header{text-align:center;margin-bottom:3.5rem}.blogs-title{color:var(--color-secondary);margin-bottom:1rem;font-size:2.5rem;font-weight:900}.blogs-subtitle{color:var(--color-muted);margin-bottom:2rem;font-size:1.125rem}.blogs-search-form{gap:.5rem;max-width:500px;margin:0 auto;display:flex}.blogs-search-input{background-color:var(--white);font-family:var(--font-outfit);color:var(--color-text-main);border:1px solid #4a5c4633;border-radius:6px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.blogs-search-input:focus{border-color:var(--color-primary)}.blogs-search-btn{background:var(--gradient-primary);color:var(--white);font-family:var(--font-outfit);cursor:pointer;border:none;border-radius:6px;padding:0 1.5rem;font-weight:600;transition:opacity .2s}.blogs-search-btn:hover{opacity:.9}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blogs-card{background-color:var(--white);border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.blogs-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #162b1114}.blogs-image-wrapper{background-color:var(--color-surface);width:100%;height:220px;overflow:hidden}.blogs-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blogs-card:hover .blogs-image{transform:scale(1.05)}.blogs-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blogs-date{color:var(--color-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.blogs-card-title{color:var(--color-secondary);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .2s}.blogs-card-title:hover{color:var(--color-primary)}.blogs-card-desc{color:var(--color-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.blogs-read-more-btn{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.blogs-arrow{transition:transform .2s}.blogs-read-more-btn:hover .blogs-arrow{transform:translate(4px)}.blogs-pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;display:flex}.blogs-page-btn{background-color:var(--color-surface);border:1px solid var(--color-muted);color:var(--color-secondary);font-family:var(--font-outfit);cursor:pointer;border-radius:6px;padding:.5rem 1.25rem;font-weight:600;transition:all .2s}.blogs-page-btn:not(:disabled):hover{background:var(--gradient-primary);color:var(--white);border-color:#0000}.blogs-page-btn:disabled{opacity:.5;cursor:not-allowed}.blogs-page-indicator{color:var(--color-muted);font-weight:600}@media (max-width:768px){.blogs-title{font-size:2rem}.blogs-grid{grid-template-columns:1fr}.blogs-search-form{flex-direction:column}.blogs-search-btn{padding:.75rem}}