.blog-page{max-width:1400px;margin:0 auto;padding:3rem 2rem;min-height:60vh}@media(max-width:768px){.blog-page{padding:2rem 1rem}}.blog-page-header{text-align:center;margin-bottom:3rem}.blog-page-header h1{font-family:Playfair Display,serif;font-size:3rem;color:#f9f5f1;margin-bottom:.5rem}@media(max-width:768px){.blog-page-header h1{font-size:2rem}}.blog-page-header p{font-family:Raleway,sans-serif;font-size:1.2rem;color:rgba(249,245,241,.8)}@media(max-width:768px){.blog-page-header p{font-size:1rem}}.blog-filters{margin-bottom:3rem;display:flex;flex-direction:column;gap:1.5rem}.search-bar{display:flex;align-items:center;gap:1rem;background:rgba(249,245,241,.05);border:2px solid rgba(28,158,91,.3);border-radius:50px;padding:.8rem 1.5rem;max-width:500px;margin:0 auto;width:100%;transition:border-color .3s ease}.search-bar:focus-within{border-color:#1c9e5b;background:rgba(249,245,241,.08)}.search-bar svg{color:#1c9e5b;flex-shrink:0}.search-bar input{border:none;outline:none;background:rgba(0,0,0,0);font-family:Raleway,sans-serif;font-size:1rem;color:#f9f5f1;width:100%}.search-bar input::placeholder{color:rgba(249,245,241,.5)}.category-filters{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.category-filters{gap:.5rem}}.category-btn{padding:.6rem 1.5rem;background:rgba(249,245,241,.4);border:2px solid rgba(28,158,91,.3);border-radius:50px;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;color:#f9f5f1;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#1c9e5b;background:#f9f5f1;color:#1c9e5b}.category-btn.active{background:#1c9e5b;border-color:#1c9e5b;color:#f9f5f1}.category-btn.active:hover{background:#fbbf24;border-color:#fbbf24}@media(max-width:768px){.category-btn{padding:.5rem 1rem;font-size:.85rem}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2rem;gap:2rem}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-card{background:#f9f5f1;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(7,59,34,.1);transition:all .4s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(7,59,34,.15)}.blog-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;cursor:pointer}@media(max-width:768px){.blog-image-wrapper{height:200px}}.blog-image{object-fit:cover;transition:transform .4s ease}.blog-image:hover{transform:scale(1.05)}.blog-category{position:absolute;top:1rem;right:1rem;background:#1c9e5b;color:#f9f5f1;padding:.4rem .8rem;border-radius:20px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;z-index:2}.blog-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.blog-meta .meta-item{display:flex;align-items:center;gap:.4rem;font-family:Raleway,sans-serif;font-size:.85rem;color:rgba(7,59,34,.6)}.blog-meta .meta-item svg{color:#1c9e5b}.blog-title{font-family:Playfair Display,serif;font-size:1.4rem;color:#073b22;margin-bottom:.8rem;line-height:1.4;transition:color .3s ease;cursor:pointer}.blog-title:hover{color:#1c9e5b}@media(max-width:768px){.blog-title{font-size:1.2rem}}.blog-excerpt{font-family:Raleway,sans-serif;font-size:.95rem;color:rgba(7,59,34,.7);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(7,59,34,.1)}@media(max-width:480px){.blog-footer{flex-direction:column;gap:1rem;align-items:flex-start}}.author{display:flex;align-items:center;gap:.5rem;font-family:Raleway,sans-serif;font-size:.9rem;color:rgba(7,59,34,.7)}.author svg{color:#1a5c3a}.read-more{display:flex;align-items:center;gap:.5rem;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;color:#1c9e5b;text-decoration:none;transition:all .3s ease}.read-more svg{transition:transform .3s ease}.read-more:hover{color:#fbbf24}.read-more:hover svg{transform:translateX(4px)}.no-results{grid-column:1/-1;text-align:center;padding:4rem 2rem}.no-results p{font-family:Raleway,sans-serif;font-size:1.2rem;color:rgba(249,245,241,.7);margin-bottom:1.5rem}.no-results button{padding:.8rem 2rem;background:#1c9e5b;color:#f9f5f1;border:none;border-radius:50px;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.no-results button:hover{background:#fbbf24;transform:translateY(-2px)}