:root{--primary-color: #0f0f0f;--secondary-color: #6c757d;--accent-color: #007bff;--light-gray: #f8f9fa;--border-color: #e5e5e5;--white: #ffffff;--dark-gray: #404040;--background-color: #fafafa;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%)}.blog-magazine-header{background:#111;padding:3rem 0 2.5rem;padding-top:calc(3rem + 80px)}.blog-magazine-header .blog-magazine-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.5rem;line-height:1.1}.blog-magazine-header .blog-magazine-subtitle{color:#aaa;font-size:1rem;max-width:440px;line-height:1.5}.blog-filter-bar{background:#fff;border-bottom:1px solid #e5e5e5;z-index:100}.blog-filter-tabs{list-style:none;margin:0;padding:0;display:flex;gap:0}.blog-filter-tab{padding:.9rem 1.2rem;cursor:pointer;font-size:.88rem;color:#555;border-bottom:3px solid rgba(0,0,0,0);transition:color .2s,border-color .2s;white-space:nowrap}.blog-filter-tab:hover{color:#3b0084}.blog-filter-tab.active{color:#3b0084;border-bottom-color:#3b0084;font-weight:600}.blog-search-wrapper{display:flex;align-items:center;gap:.5rem;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:.4rem .8rem}.blog-search-wrapper i{color:#888;font-size:.82rem}.blog-search-input{border:none;background:rgba(0,0,0,0);outline:none;font-size:.88rem;width:180px;color:#333}.blog-search-input::placeholder{color:#aaa}.blog-featured-card{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}.blog-featured-image-wrap{position:relative;height:100%;min-height:300px;overflow:hidden}.blog-featured-image-wrap .blog-featured-img{width:100%;height:100%;object-fit:cover}.blog-featured-image-wrap .blog-featured-img-placeholder{width:100%;height:100%;min-height:300px;background:linear-gradient(135deg, #2d0060 0%, #6a0dad 100%)}.blog-featured-badge{position:absolute;top:1rem;left:1rem;background:#3b0084;color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:4px;letter-spacing:.08em}.blog-featured-body{padding:2rem 2rem 2rem 2rem;display:flex;flex-direction:column;justify-content:center;height:100%}.blog-featured-title{font-size:1.55rem !important;font-weight:700 !important;line-height:1.35 !important;margin-bottom:.9rem !important;color:#111 !important;text-transform:none !important;padding-left:0 !important}.blog-featured-title::before{display:none !important}.blog-featured-title .title-highlight{color:#3b0084}.blog-featured-excerpt{color:#555;font-size:.93rem;line-height:1.65;margin-bottom:1.2rem}.blog-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.blog-category-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:3px;letter-spacing:.06em;background:#3b0084;color:#fff}.blog-meta-date,.blog-meta-reading{font-size:.83rem;color:#888}.blog-read-link{color:#3b0084;font-weight:600;font-size:.88rem;text-decoration:none}.blog-read-link:hover{text-decoration:underline}.blog-section-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#999;text-transform:uppercase;display:inline-block;margin-bottom:.75rem}.blog-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column;transition:box-shadow .2s}.blog-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.blog-card-image-link{display:block;text-decoration:none}.blog-card-image-wrap{position:relative;height:190px;overflow:hidden}.blog-card-image-wrap .blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-image-wrap .blog-card-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #1a0030, #300060)}.blog-card-image-wrap:hover .blog-card-img{transform:scale(1.03)}.blog-card-category-badge{position:absolute;top:.7rem;left:.7rem;font-size:.68rem;font-weight:700;padding:.22rem .5rem;border-radius:3px;letter-spacing:.08em;color:#fff;background:#3b0084}.blog-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.blog-card-title{font-size:.98rem !important;font-weight:700 !important;margin-bottom:.5rem !important;color:#111 !important;line-height:1.4 !important}.blog-card-excerpt{font-size:.84rem;color:#666;line-height:1.55;flex:1;margin-bottom:0}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.75rem;border-top:1px solid #f0f0f0}