.blog-page{min-height:100vh;background-color:#f9faf7;display:flex;flex-direction:column}.blog-page>main{flex:1}.blog-container{width:100%;max-width:1400px;margin:0 auto;padding:0 48px}.blog-hero{position:relative;padding:160px 0 120px;overflow:hidden;background:linear-gradient(135deg,#00362a,#1e4d40);margin-top:64px;display:flex;align-items:center;justify-content:center}.blog-hero-bg{position:absolute;inset:0;opacity:.15;background-image:url(/images/page-bg.jpg);background-size:cover;background-position:50%}.blog-hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 24px}.blog-hero-tag{display:inline-block;padding:6px 16px;background-color:hsla(0,0%,100%,.1);color:#94d3c1;font-size:11px;text-transform:uppercase;letter-spacing:.2em;border-radius:9999px;margin-bottom:24px;font-weight:600}.blog-hero-title{font-family:Manrope,sans-serif;font-size:80px;font-weight:800;letter-spacing:-.05em;color:#fff;margin:0 0 24px;line-height:1;text-transform:uppercase}.blog-hero-desc{font-size:18px;color:hsla(0,0%,100%,.8);line-height:1.7;font-weight:400;margin:0 auto 32px;max-width:600px}.blog-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background-color:#bceddb;color:#002018;font-size:14px;font-weight:700;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;font-family:Manrope,sans-serif}.blog-hero-btn:hover{opacity:.9;transform:translateY(-2px)}.blog-filter-section{padding:64px 0}.blog-filter-header{display:flex;flex-direction:column;gap:32px;margin-bottom:48px}@media (min-width:768px){.blog-filter-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.blog-filter-left{flex-shrink:0}.blog-section-label{font-family:Manrope,sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;color:#00362a;text-transform:uppercase;margin:0 0 8px}.blog-section-heading{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.02em;color:#1a1c1b;line-height:1.2;margin:0}.blog-category-filters{display:flex;flex-wrap:wrap;gap:12px}.blog-category-btn{padding:10px 20px;background-color:#e7e8e6;border:none;border-radius:9999px;font-size:13px;font-weight:600;color:#717975;cursor:pointer;transition:all .3s ease;font-family:Manrope,sans-serif}.blog-category-btn:hover{background-color:#d9dad8;color:#1a1c1b}.blog-category-btn.active{background-color:#00362a;color:#fff}.blog-grid-layout{display:grid;grid-template-columns:1fr;gap:48px}@media (min-width:1024px){.blog-grid-layout{grid-template-columns:1fr 380px}}.blog-main-feed{min-width:0}.blog-search-wrapper{margin-bottom:24px}.blog-search-input{width:100%!important}.blog-search-input .ant-input{border-radius:9999px;height:48px;padding-left:48px;background-color:#fff;border:1px solid #e7e8e6;font-size:14px}.blog-search-input .ant-input:focus{border-color:#00362a;box-shadow:0 0 0 2px rgba(0,54,42,.1)}.blog-articles-list{display:flex;flex-direction:column;gap:24px}.blog-article-card{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px rgba(26,28,27,.04);transition:all .3s ease}.blog-article-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,28,27,.08)}.blog-post-highlight{animation:highlight-pulse 2s ease}@keyframes highlight-pulse{0%{box-shadow:0 0 0 0 rgba(0,54,42,.4)}50%{box-shadow:0 0 0 8px rgba(0,54,42,0)}to{box-shadow:0 0 0 0 rgba(0,54,42,0)}}.blog-article-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.blog-author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-author-info{flex-grow:1}.blog-author-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-author-name{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;color:#1a1c1b;margin:0}.blog-post-time{font-size:11px;color:#717975;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.blog-author-role{font-size:12px;color:#00362a;font-weight:500;margin:4px 0 0}.blog-article-content{margin-bottom:24px}.blog-article-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;color:#1a1c1b;margin:0 0 12px;line-height:1.4}.blog-article-title a{color:inherit;text-decoration:none;transition:color .3s}.blog-article-title a:hover{color:#00362a}.blog-article-excerpt{font-size:15px;line-height:1.7;color:#404945;margin:0}.blog-article-excerpt.quote-text{font-size:17px;font-style:italic;color:#1a1c1b;font-weight:500;padding:16px 0}.blog-article-image{margin:20px 0;border-radius:12px;overflow:hidden;height:280px}.blog-article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.blog-article-card:hover .blog-article-image img{transform:scale(1.03)}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.blog-tag{font-size:11px;color:#717975;background-color:#f3f4f1;padding:4px 10px;border-radius:4px;font-weight:500}.blog-article-actions{display:flex;align-items:center;gap:24px;padding-top:20px;border-top:1px solid #e7e8e6}.blog-action-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#717975;background:none;border:none;cursor:pointer;transition:color .3s;padding:4px 0}.blog-action-btn:hover{color:#00362a}.blog-action-btn.liked{color:#ff4d4f}.blog-action-btn.liked:hover{color:#ff7875}.blog-action-btn.active{color:#00362a}.blog-action-btn.saved{color:#ff4d4f}.blog-action-btn.saved:hover{color:#ff7875}.blog-action-btn.blog-delete-btn{color:#717975}.blog-action-btn.blog-delete-btn:hover{color:#ff4d4f}.blog-delete-btn-header{background:none;border:none;cursor:pointer;padding:6px;margin-left:auto;color:#bfc9c4;font-size:16px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.blog-delete-btn-header:hover{color:#ff4d4f;background:rgba(255,77,79,.08)}.blog-comments-section{margin-top:20px;border-top:1px solid #e7e8e6;background-color:#f9faf7;border-radius:12px;padding:20px}.blog-comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:400px;overflow-y:auto}.blog-comments-empty{text-align:center;color:#717975;font-size:14px;padding:20px;font-style:italic}.blog-comment-item{display:flex;gap:12px;align-items:flex-start}.blog-comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-comment-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-comment-content{flex:1;background-color:#fff;padding:12px 16px;border-radius:12px;border-top-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.blog-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.blog-comment-author{font-size:13px;font-weight:700;color:#00362a}.blog-comment-role{font-size:11px;color:#717975;background-color:#f3f4f1;padding:2px 8px;border-radius:4px}.blog-comment-text{font-size:14px;line-height:1.6;color:#1a1c1b;margin:0 0 8px}.blog-comment-time{font-size:11px;color:#bfc9c4}.blog-comment-input-section{display:flex;flex-direction:column;gap:10px}.blog-comment-name-input{width:200px;height:36px;padding:0 12px;border:1px solid #e7e8e6;border-radius:8px;font-size:13px;background-color:#fff}.blog-comment-name-input:focus{outline:none;border-color:#00362a}.blog-comment-input-wrapper{display:flex;gap:10px;align-items:center}.blog-comment-input{flex:1;height:44px;padding:0 16px;border:1px solid #e7e8e6;border-radius:22px;font-size:14px;background-color:#fff;transition:all .3s}.blog-comment-input:focus{outline:none;border-color:#00362a;box-shadow:0 0 0 3px rgba(0,54,42,.1)}.blog-comment-submit{width:44px;height:44px;border-radius:50%;border:none;background-color:#00362a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.blog-comment-submit:hover:not(:disabled){background-color:#004d40;transform:scale(1.05)}.blog-comment-submit:disabled{background-color:#c0c8c4;cursor:not-allowed}.blog-empty,.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#717975}.blog-loading-spinner{width:40px;height:40px;border:3px solid #e7e8e6;border-top-color:#00362a;border-radius:50%;animation:blog-spin 1s linear infinite;margin-bottom:16px}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid #e7e8e6}.blog-pagination .ant-pagination{display:flex;align-items:center;gap:8px}.blog-pagination .ant-pagination-item{background:transparent;border:none;min-width:40px;height:40px;line-height:40px;border-radius:8px}.blog-pagination .ant-pagination-item a{font-size:14px;color:#404945}.blog-pagination .ant-pagination-item-active{background-color:#00362a}.blog-pagination .ant-pagination-item-active a{color:#fff}.blog-pagination-info{font-size:14px;color:#717975}.blog-sidebar{display:flex;flex-direction:column;gap:32px}.blog-stats-card{background:linear-gradient(135deg,#1e4d40,#00362a);border-radius:16px;padding:32px;color:#fff}.blog-stats-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0 0 24px}.blog-stats-list{display:flex;flex-direction:column;gap:16px}.blog-stat-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.blog-stat-item:last-child{border-bottom:none;padding-bottom:0}.blog-stat-label{font-size:13px;color:hsla(0,0%,100%,.7)}.blog-stat-value{font-family:Manrope,sans-serif;font-size:24px;font-weight:700}.blog-stats-btn{width:100%;margin-top:24px;padding:14px;background-color:#fff;color:#00362a;border:none;border-radius:9999px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.blog-stats-btn:hover{opacity:.9}.blog-trending{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px rgba(26,28,27,.04)}.blog-trending-title{font-family:Manrope,sans-serif;font-size:18px;font-weight:700;color:#1a1c1b;margin:0 0 24px;display:flex;align-items:center;gap:8px}.blog-trending-title .anticon{color:#4b231c}.blog-trending-list{display:flex;flex-direction:column;gap:20px}.blog-trending-item{display:block;width:100%;text-align:left;text-decoration:none;transition:all .3s;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.blog-trending-item:hover .blog-trending-topic{color:#00362a}.blog-trending-category{font-size:10px;color:#4b231c;text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:4px;display:block}.blog-trending-topic{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;color:#1a1c1b;margin:0 0 4px;line-height:1.4;transition:color .3s}.blog-trending-contributors{font-size:12px;color:#717975;margin:0}.blog-featured{border-radius:16px;overflow:hidden}.blog-featured-image{position:relative;height:240px;overflow:hidden}.blog-featured-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease}.blog-featured:hover .blog-featured-image img{transform:scale(1.1)}.blog-featured-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,54,42,.9) 0,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.blog-featured-badge{display:inline-block;padding:4px 10px;background-color:#4b231c;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;width:-moz-fit-content;width:fit-content;margin-bottom:12px}.blog-featured-title{font-size:18px;font-weight:700;margin:0 0 8px}.blog-featured-date,.blog-featured-title{font-family:Manrope,sans-serif;color:#fff}.blog-featured-date{font-size:16px;font-weight:800;margin:0}@media (max-width:1024px){.blog-container{padding:0 24px}.blog-hero-title{font-size:56px}.blog-sidebar{order:-1}.blog-featured,.blog-stats-card,.blog-trending{max-width:100%}}@media (max-width:768px){.blog-hero{padding:120px 0 80px}.blog-hero-title{font-size:42px}.blog-hero-desc{font-size:16px}.blog-section-heading{font-size:28px}.blog-article-card{padding:24px}.blog-article-image{height:200px}.blog-category-filters{gap:8px}.blog-category-btn{padding:8px 16px;font-size:12px}}