.blog-page-wrapper{background-color:var(--bg-color);color:var(--text-main);line-height:1.7;font-family:system-ui,-apple-system,sans-serif;padding-bottom:6rem}.blog-page-wrapper{background-color:var(--bg-color);color:var(--text-main);line-height:1.7;font-family:system-ui,-apple-system,sans-serif;padding-bottom:6rem}.messages-container{max-width:1280px;margin:2rem auto -1rem auto;padding:0 1.5rem}.prominent-alert{border-radius:12px;padding:1.5rem;margin-bottom:1rem;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.alert-title{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.alert-title svg{width:20px;height:20px}.alert-message{font-size:1.15rem;font-weight:600;margin:0}.alert-error{background:#fef2f2;border:1px solid #fecaca;animation:pulse-error 2s infinite}.alert-error .alert-title{color:#b91c1c}.alert-error .alert-message{color:#ef4444}@keyframes pulse-error{0%{box-shadow:0 0 0 0 rgba(239,68,68,0.15)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.alert-success{background:var(--green-light);border:1px solid #a7f3d0;animation:pulse-success 2s infinite}.alert-success .alert-title{color:var(--green-dark)}.alert-success .alert-message{color:var(--green)}@keyframes pulse-success{0%{box-shadow:0 0 0 0 rgba(0,170,90,0.15)}70%{box-shadow:0 0 0 10px rgba(0,170,90,0)}100%{box-shadow:0 0 0 0 rgba(0,170,90,0)}}.blog-hero{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);padding:5rem 2rem;text-align:center;color:white;margin-bottom:3rem;box-shadow:0 4px 20px rgba(0,170,90,0.15)}.blog-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin:0 0 0.5rem 0;letter-spacing:-0.02em}.blog-subtitle{font-size:1.1rem;font-weight:500;opacity:0.9;margin:0}.blog-layout-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.blog-sidebar{position:sticky;top:6rem;background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);border:1px solid var(--border-color)}.sidebar-widget{margin-bottom:2rem}.sidebar-widget:last-child{margin-bottom:0}.search-form{position:relative}.search-input{width:100%;padding:0.8rem 1rem 0.8rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;outline:none;transition:border-color 0.2s ease}.search-input:focus{border-color:var(--green)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.8rem}.category-link{text-decoration:none;color:var(--text-muted);font-size:0.95rem;font-weight:500;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center;padding-left:1rem;border-left:3px solid transparent}.category-link:hover,.category-link.active{color:var(--green);border-left-color:var(--green);font-weight:600;background:linear-gradient(90deg,rgba(0,170,90,0.05) 0%,transparent 100%)}.category-count{background:#f1f5f9;padding:0.1rem 0.5rem;border-radius:99px;font-size:0.8rem;color:var(--text-muted)}.blog-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;min-width:0}.blog-card{background:white;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 10px 25px -5px rgba(0,0,0,0.02);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.01)}.blog-image{width:100%;height:220px;background-color:#e2e8f0;position:relative;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.category-badge{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,0.9);color:var(--green-dark);padding:0.4rem 0.8rem;border-radius:99px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;backdrop-filter:blur(4px)}.blog-card-body{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;align-items:center;gap:1rem;font-size:0.85rem;color:var(--text-muted);margin-bottom:1rem}.blog-meta span{display:flex;align-items:center;gap:0.3rem}.blog-meta svg{width:14px;height:14px}.blog-card-title{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin:0 0 1rem 0;line-height:1.4}.blog-card-excerpt{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{margin-top:auto;display:inline-flex;align-items:center;gap:0.5rem;color:var(--green);font-weight:600;text-decoration:none;font-size:0.95rem;transition:gap 0.3s ease}.read-more:hover{gap:0.8rem}.pagination{grid-column:1 / -1;display:flex;justify-content:center;gap:0.5rem;margin-top:2rem}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:white;border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;font-weight:600;transition:all 0.2s ease}.page-btn:hover,.page-btn.active{background:var(--green);color:white;border-color:var(--green)}.post-detail-container{margin-top:1rem;background:white;border-radius:20px;border:1px solid var(--border-color);padding:3rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.post-detail-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.post-detail-image{width:100%;height:400px;border-radius:12px;object-fit:cover;margin-bottom:2rem}.post-detail-title{font-size:2.5rem;font-weight:800;color:var(--text-heading);margin-bottom:1rem;line-height:1.2}.post-detail-content{font-size:1.1rem;color:var(--text-main)}.comments-section{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color)}.comment-card{background:var(--bg-color);padding:1.5rem;border-radius:12px;margin-bottom:1rem}.comment-author{font-weight:700;color:var(--text-heading);margin-bottom:0.5rem}.comment-date{font-size:0.85rem;color:var(--text-muted)}.comment-form{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.comment-input,.comment-textarea{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit}.comment-btn{background:var(--green);color:white;padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;align-self:flex-start}@media (max-width:1024px){.blog-layout-container{grid-template-columns:250px 1fr;gap:2rem}}@media (max-width:768px){.blog-layout-container{grid-template-columns:1fr}.blog-hero{padding:3rem 1.5rem}.blog-sidebar{position:relative;top:0;margin-bottom:2rem}.blog-content{grid-template-columns:1fr}}.blog-alerts{margin-bottom:2rem}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-size:0.95rem;display:flex;align-items:center;gap:0.5rem}.alert-error{background-color:#fdf2f2;color:#9b1c1c;border:1px solid #f8b4b4}.alert-success{background-color:#f3faf7;color:#03543f;border:1px solid #def7ec}.alert-icon{font-weight:bold}.post-detail-content{font-size:1.125rem;color:var(--text-main);line-height:1.8;letter-spacing:0.01em}.post-detail-content p{margin-bottom:1.5rem}.post-detail-content a{color:var(--green);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.post-detail-content a:hover{border-bottom-color:var(--green)}.post-detail-content h2,.post-detail-content h3,.post-detail-content h4{color:var(--text-heading);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.post-detail-content img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.post-detail-content blockquote{border-left:4px solid var(--green);margin:2rem 0;padding-left:1.5rem;font-style:italic;color:var(--text-muted)}