.blog-page{background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh}.blog-hero{background:linear-gradient(135deg,#06c,#004999);color:#fff;overflow:hidden;padding:80px 0 60px;position:relative}.blog-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.blog-hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.blog-hero-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.blog-hero-description{color:#fffffff2;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.blog-stats{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.stat{text-align:center}.stat-number{color:#fff;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#ffffffe6;display:block;font-size:.9rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.blog-layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:3rem 0}.blog-sidebar{align-self:start;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:100px}.sidebar-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.sidebar-section h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.search-box{position:relative}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.search-icon{color:#666;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.filter-list{display:flex;flex-direction:column;gap:.5rem}.filter-item{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.filter-item:hover{background:#f5f5f5;color:#06c}.filter-item.active{background:#06c;color:#fff;font-weight:500}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.tag-item:hover{background:#e8f4ff;border-color:#06c;color:#06c}.tag-item.active{background:#06c;border-color:#06c;color:#fff}.tag-count{font-size:.8rem;margin-left:.25rem;opacity:.7}.sort-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.sort-select:focus{border-color:#06c;outline:none}.blog-main{min-height:600px}.blog-results{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.results-text{color:#666;font-size:1rem}.clear-filters{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.clear-filters:hover{background:#e0e0e0}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.blog-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.blog-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-card-image{background:#0f1115;height:220px;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;width:100%}.blog-card:hover .card-image{transform:scale(1.05)}.blog-card-overlay{align-items:flex-end;background:linear-gradient(0deg,#0009,#0000);display:flex;inset:0;justify-content:center;opacity:0;padding:1.5rem;position:absolute;transition:opacity .3s ease}.blog-card:hover .blog-card-overlay{opacity:1}.read-more{color:#fff;font-size:1rem;font-weight:600}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.blog-card-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:1rem}.blog-category{background:#06c;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.blog-date,.blog-read-time{align-items:center;display:flex;gap:.3rem}.blog-card-title{-webkit-line-clamp:2;line-clamp:2;color:#1a1a1a;font-size:1.4rem;font-weight:700;line-height:1.3}.blog-card-excerpt,.blog-card-title{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:1rem;overflow:hidden}.blog-card-excerpt{-webkit-line-clamp:3;line-clamp:3;color:#555;flex:1 1;font-size:.95rem;line-height:1.6}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-card-tags .tag{background:#f0f0f0;border-radius:4px;color:#555;font-size:.8rem;padding:.3rem .7rem}.blog-card-author{border-top:1px solid #eee;color:#888;font-size:.9rem;margin-top:auto;padding-top:1rem}.no-results{padding:4rem 2rem;text-align:center}.no-results-content h3{color:#333;font-size:1.8rem;margin-bottom:1rem}.no-results-content p{color:#666;font-size:1.1rem;margin-bottom:2rem}.blog-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:3rem 0}.pagination-btn,.pagination-number{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn:not(:disabled):hover,.pagination-number:hover{background:#f5f5f5;border-color:#06c;color:#06c}.pagination-number.active{background:#06c;border-color:#06c;color:#fff}.pagination-numbers{display:flex;gap:.5rem}.blog-newsletter{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;margin-top:4rem;padding:4rem 0}.newsletter-content{margin:0 auto;max-width:600px;text-align:center}.newsletter-content h2{font-size:2rem;margin-bottom:1rem}.newsletter-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.newsletter-form{display:flex;gap:1rem;margin-bottom:1rem}.newsletter-input{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:1rem 1.5rem}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{background:#ffffff26;border-color:#fff;outline:none}.newsletter-btn{padding:1rem 2.5rem;white-space:nowrap}.newsletter-privacy{font-size:.85rem;opacity:.7}@media (max-width:1024px){.blog-layout{gap:2rem;grid-template-columns:1fr}.blog-sidebar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:none;position:static}.sidebar-section{margin-bottom:0}}@media (max-width:768px){.blog-hero-title{font-size:2rem}.blog-hero-description{font-size:1rem}.blog-stats{flex-direction:column;gap:1.5rem}.blog-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.sidebar-section{padding:1rem}.blog-sidebar{grid-template-columns:1fr}}