.blog-page{min-height:100vh;background:#f8f9fa}.blog-hero{background:linear-gradient(135deg,#123f31,#dd9933);color:white;padding:80px 20px 60px;text-align:center}.blog-hero-content h1{font-size:3rem;margin-bottom:15px;font-weight:700}.blog-hero-content p{font-size:1.25rem;margin-bottom:30px;opacity:.95}.blog-search{max-width:600px;margin:0 auto;display:flex;gap:10px}.blog-search input{flex:1;padding:15px 20px;border:none;border-radius:25px;font-size:1rem}.blog-search button{padding:15px 40px;background:white;color:#123f31;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.blog-search button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.blog-container{max-width:1400px;margin:-30px auto 0;padding:0 20px 60px;display:grid;grid-template-columns:1fr 350px;gap:40px}.category-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.category-filter button{padding:8px 20px;border:2px solid #e2e8f0;background:white;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s}.category-filter button:hover{border-color:#123f31;color:#123f31}.category-filter button.active{background:#123f31;color:white;border-color:#123f31}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.blog-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.blog-image{width:100%;height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-image img{transform:scale(1.1)}.blog-content{padding:20px}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.blog-category{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.blog-date{color:#666;font-size:.85rem}.blog-content h2{font-size:1.5rem;margin-bottom:12px;color:#1a202c;line-height:1.3}.blog-content p{color:#666;line-height:1.6;margin-bottom:15px}.blog-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e2e8f0}.blog-stats{display:flex;gap:15px;font-size:.9rem;color:#666}.read-more{color:#123f31;font-weight:600;text-decoration:none;transition:all .3s}.read-more:hover{color:#dd9933;transform:translateX(5px)}.blog-sidebar{position:sticky;top:20px;height:fit-content}.sidebar-section{background:white;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-section h3{margin-bottom:20px;font-size:1.25rem;color:#1a202c}.popular-posts{display:flex;flex-direction:column;gap:15px}.popular-post{display:flex;gap:12px;text-decoration:none;color:inherit;transition:all .3s}.popular-post:hover{transform:translateX(5px)}.popular-post img{width:80px;height:80px;object-fit:cover;border-radius:8px}.popular-post h4{font-size:.95rem;margin-bottom:8px;color:#1a202c;line-height:1.4}.popular-stats{display:flex;gap:12px;font-size:.85rem;color:#666}.category-list{display:flex;flex-direction:column;gap:8px}.category-list button{padding:10px 15px;border:none;background:#f8f9fa;border-radius:8px;text-align:left;cursor:pointer;transition:all .3s}.category-list button:hover{background:#fef3c7;color:#92400e}.category-list button.active{background:#123f31;color:white}.newsletter{background:linear-gradient(135deg,#123f31,#dd9933);color:white}.newsletter h3,.newsletter p{color:white}.newsletter form{display:flex;flex-direction:column;gap:10px;margin-top:15px}.newsletter input{font-size:1rem}.newsletter button,.newsletter input{padding:12px;border:none;border-radius:8px}.newsletter button{background:white;color:#123f31;font-weight:600;cursor:pointer;transition:all .3s}.newsletter button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.pagination button{padding:10px 20px;border:2px solid #e2e8f0;background:white;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.pagination button:hover:not(:disabled){border-color:#123f31;color:#123f31}.pagination button.active{background:#123f31;color:white;border-color:#123f31}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:5px}.loading-state,.no-blogs{text-align:center;padding:60px 20px;background:white;border-radius:12px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#dd9933;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.blog-container{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (max-width:768px){.blog-hero-content h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-search{flex-direction:column}.category-filter{overflow-x:auto;flex-wrap:nowrap}}