:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--bg-hover: #1f1f1f;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--accent-primary: #dc2626;--accent-secondary: #7c3aed;--accent-success: #059669;--accent-blue: #0ea5e9;--border-primary: #27272a;--border-secondary: #18181b;--border-accent: #3f3f46;--code-bg: #0d1117;--code-border: #21262d;--code-text: #e6edf3;--blog-hero-gradient: linear-gradient(135deg, rgba(221, 43, 14, .1) 0%, rgba(139, 26, 10, .05) 100%);--blog-card-gradient: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);--blog-featured-gradient: linear-gradient(135deg, rgba(221, 43, 14, .15) 0%, rgba(139, 26, 10, .08) 100%)}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}html{background-color:var(--bg-primary)!important}*{transition:background-color .15s ease,color .15s ease,border-color .15s ease!important}.blog-index-page,.blog-category-page,.blog-page{min-height:100vh;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.blog-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.breadcrumb a{color:var(--text-secondary);transition:color .2s;text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-separator{color:var(--text-dim);margin:0 .5rem}.section-title{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:2.5rem;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:2px}.section-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.section-link{font-size:.875rem}.featured-article{background:var(--blog-featured-gradient);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden;transition:all .3s ease;position:relative}.featured-article:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.featured-article:hover{box-shadow:0 16px 24px -5px #0000004d;border-color:var(--accent-primary)}.featured-link{text-decoration:none;color:inherit;display:block}.featured-content{padding:1.5rem;position:relative;z-index:1}.featured-meta{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.featured-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,var(--accent-primary) 0%,#b91c1c 100%);color:#fff;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.featured-date{font-size:.8125rem;color:var(--text-secondary)}.featured-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin-bottom:.875rem;line-height:1.3}.featured-description{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.article-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:.625rem;overflow:hidden;transition:all .3s ease;position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 50%,transparent 100%);transform:scaleX(0);transition:transform .3s ease}.article-card:hover{border-color:var(--accent-primary);box-shadow:0 16px 20px -5px #0003}.article-card:hover:before{transform:scaleX(1)}.article-link{text-decoration:none;color:inherit;display:block}.article-content{padding:1.25rem}.article-meta{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem;flex-wrap:wrap}.article-date{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.reading-time{font-size:.75rem;color:var(--text-secondary);padding:.1875rem .4375rem;background-color:var(--bg-tertiary);border-radius:.1875rem;border:1px solid var(--border-secondary)}.article-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem;line-height:1.3;transition:color .2s}.article-card:hover .article-title{color:var(--accent-primary)}.article-description{color:var(--text-secondary);line-height:1.5;margin-bottom:.875rem;font-size:.8125rem;font-weight:100}.article-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.875rem}.tag{display:inline-flex;align-items:center;padding:.1875rem .625rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px;font-size:.6875rem;font-weight:500;border:1px solid var(--border-secondary);transition:all .2s}.tag:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.article-author{display:flex;align-items:center;gap:.375rem}.author-name{font-size:.75rem;color:var(--text-secondary);font-weight:500}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.category-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dd2b0e0d,#8b1a0a05);opacity:0;transition:opacity .3s ease}.category-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 25px -5px #0003}.category-card:hover:before{opacity:1}.category-icon{font-size:2rem;margin-bottom:.5rem;position:relative;z-index:1}.category-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;position:relative;z-index:1}.category-description{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;font-size:.875rem;position:relative;z-index:1}.category-stats{display:flex;justify-content:space-between;align-items:center;margin-top:auto;position:relative;z-index:1}.category-count{font-size:.875rem;color:var(--text-secondary)}.category-arrow{color:var(--accent-primary);font-weight:600;font-size:1.25rem;transition:transform .2s}.blog-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;max-width:100%;overflow:visible}.blog-sidebar a{font-size:.8rem;font-weight:200;margin-bottom:.3rem;list-style:disc}.sidebar-section{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease}.sidebar-section:hover{border-color:var(--border-accent);box-shadow:0 8px 12px -1px #0006}.sidebar-section--transparent{padding:var(--space-0);background:transparent;border:none;box-shadow:none}.sidebar-section--transparent:hover{border-color:transparent;box-shadow:none}.sidebar-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.875rem;position:relative}.sidebar-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:1.75rem;height:2px;border-radius:1px}.tags-cloud{display:flex;flex-wrap:wrap;gap:.375rem}.tag-item{display:inline-flex;align-items:center;gap:.1875rem;padding:.25rem .625rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px;font-size:.6875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid var(--border-secondary)}.tag-item:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.tag-count{font-size:.5625rem;opacity:.7;background-color:var(--bg-hover);padding:.0625rem .3125rem;border-radius:9999px}.tag-item:hover .tag-count{background-color:#fff3}.sidebar-categories,.category-list{display:flex;flex-direction:column;gap:.75rem}.sidebar-category,.category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;transition:all .2s;border:1px solid transparent}.sidebar-category:hover,.category-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.category-item.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.category-name{flex:1;font-size:.8125rem;font-weight:500}.category-count{font-size:.6875rem;padding:.0625rem .3125rem;background-color:var(--bg-tertiary);border-radius:9999px;min-width:1.25rem;text-align:center;font-weight:600}.category-item.active .category-count{background-color:#fff3}.related-articles,.recent-articles{display:flex;flex-direction:column;gap:1rem}.related-article,.recent-article{text-decoration:none;padding:.75rem;border-radius:.5rem;transition:all .2s;border:1px solid transparent;position:relative;overflow:hidden}.related-article:before,.recent-article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary);transform:scaleY(0);transition:transform .2s ease}.related-article:hover,.recent-article:hover{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.related-article:hover:before,.recent-article:hover:before{transform:scaleY(1)}.related-article-title,.recent-article-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.related-article-date,.recent-article-date{font-size:.75rem;color:var(--text-secondary)}.back-to-blog{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .2s;padding:.75rem;border-radius:.5rem;border:1px solid transparent}.back-to-blog:hover{color:var(--accent-secondary);background-color:var(--bg-tertiary);border-color:var(--border-primary);transform:translate(-4px)}.category-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary);position:relative}.category-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,#dd2b0e,#8b1a0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.category-stats{display:flex;gap:2rem}.article-navigation{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-primary);position:relative}.article-navigation:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:4rem;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 50%,transparent 100%)}.nav-card{flex:1;padding:1.5rem;border:1px solid var(--border-primary);border-radius:.75rem;text-decoration:none;transition:all .3s ease;background-color:var(--bg-card);position:relative;overflow:hidden}.nav-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 20px 25px -5px #0003}.nav-card-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.blog-content{margin-bottom:1.5rem;border-radius:.75rem}.article-header{padding:1rem}.article-title{font-size:2.125rem}.article-description{font-size:1.125rem;font-weight:100}.blog-sidebar{position:sticky}.blog-sidebar .sidebar-section{padding:1.5rem}}@media(max-width:768px){.articles-grid,.categories-grid{grid-template-columns:1fr;gap:1.25rem}.category-title{font-size:1.875rem}.category-description{font-size:1.0625rem}.category-stats{gap:.875rem}.blog-content{margin-bottom:1.25rem;border-radius:.625rem}.article-header{padding:1rem}.article-title{font-size:1.75rem;line-height:1.2;margin-bottom:.875rem}.article-description{font-size:1rem;line-height:1.5;margin-bottom:1.125rem;font-weight:100}.article-meta{padding:.875rem;gap:1rem}.article-meta-item{font-size:.8125rem}.article-tags{margin-bottom:1.125rem}.article-tags .tag{padding:.3125rem .625rem;font-size:.75rem}.article-navigation{padding:1.5rem;margin-top:1.5rem}.nav-card{padding:1.125rem;text-align:center}.nav-card-title{font-size:1rem;line-height:1.3}.nav-card-label{font-size:.8125rem}.blog-sidebar{position:static;margin-top:1.5rem;gap:1.25rem}.blog-sidebar .sidebar-section{padding:1.25rem;border-radius:.625rem}.blog-sidebar .sidebar-title{font-size:1rem;margin-bottom:1rem}.blog-sidebar .related-article{padding:.875rem}.blog-sidebar .related-article-title{font-size:.8125rem}.blog-sidebar .related-article-date{font-size:.6875rem}.blog-header{padding:.75rem 0}.breadcrumb{font-size:.8125rem;padding:0 1rem}.xl\:hidden .sidebar-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.625rem;padding:1.25rem;margin-bottom:1.25rem}.article-content table{font-size:.8125rem;border-radius:.5rem;overflow:hidden}.article-content th,.article-content td{padding:.625rem .375rem}}@media(max-width:640px){.article-title{font-size:1.625rem;line-height:1.2}.article-description{font-size:.9375rem}.category-title{font-size:1.625rem}.section-title,.featured-title{font-size:1.375rem}.blog-content{margin-bottom:1rem;border-radius:.5rem}.article-content{padding:0 .5rem}.article-meta{padding:.75rem;align-items:flex-start;gap:.75rem}.article-meta-item{font-size:.75rem}.article-tags{margin-bottom:1rem}.article-tags .tag{padding:.25rem .5rem;font-size:.6875rem}.article-navigation{padding:1.25rem;margin-top:1.25rem}.nav-card{padding:1rem}.nav-card-title{font-size:.9375rem}.nav-card-label{font-size:.75rem}.blog-sidebar{gap:1rem;margin-top:1.25rem}.blog-sidebar .sidebar-section{padding:1rem;border-radius:.5rem}.blog-sidebar .sidebar-title{font-size:.9375rem;margin-bottom:.875rem}.blog-sidebar .related-article{padding:.75rem}.blog-sidebar .related-article-title{font-size:.75rem}.blog-sidebar .related-article-date{font-size:.625rem}.breadcrumb{font-size:.75rem;padding:0 .75rem}.xl\:hidden .sidebar-section{padding:1rem;margin-bottom:1rem;border-radius:.5rem}.featured-content{padding:1.25rem}.sidebar-section{padding:1rem}}@media(max-width:480px){.hero-title{font-size:1.75rem;line-height:1.1}.article-title{font-size:1.5rem;line-height:1.2}.article-description{font-size:.875rem;line-height:1.5}.category-title{font-size:1.5rem}.section-title,.featured-title{font-size:1.25rem}.blog-content{margin-bottom:.875rem;border-radius:.375rem}.article-header{padding:1rem}.article-navigation{padding:1rem;margin-top:1rem}.nav-card{padding:.875rem}.nav-card-title{font-size:.875rem;line-height:1.3}.nav-card-label{font-size:.6875rem}.blog-sidebar{gap:.875rem;margin-top:1rem}.blog-sidebar .sidebar-section{padding:.875rem;border-radius:.375rem}.blog-sidebar .sidebar-title{font-size:.875rem;margin-bottom:.75rem}.blog-sidebar .related-article{padding:.625rem}.blog-sidebar .related-article-title{font-size:.6875rem;line-height:1.3}.blog-sidebar .related-article-date{font-size:.5625rem}.blog-header{padding:.5rem 0}.breadcrumb{font-size:.6875rem;padding:0 .625rem}.xl\:hidden .sidebar-section{padding:.875rem;margin-bottom:.875rem;border-radius:.375rem}.featured-content{padding:1rem}.sidebar-section{padding:.875rem}.article-content table{font-size:.6875rem;border-radius:.375rem}.article-content th,.article-content td{padding:.5rem .25rem}}@media(max-width:360px){.article-title{font-size:1.375rem}.article-meta{padding:.5rem}.article-navigation{padding:.875rem}.nav-card,.blog-sidebar .sidebar-section,.xl\:hidden .sidebar-section{padding:.75rem}.featured-content{padding:.875rem}}.blog-sidebar::-webkit-scrollbar,.related-articles::-webkit-scrollbar,.recent-articles::-webkit-scrollbar{width:.375rem}.blog-sidebar::-webkit-scrollbar-track,.related-articles::-webkit-scrollbar-track,.recent-articles::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:.25rem}.blog-sidebar::-webkit-scrollbar-thumb,.related-articles::-webkit-scrollbar-thumb,.recent-articles::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:.25rem}.blog-sidebar::-webkit-scrollbar-thumb:hover,.related-articles::-webkit-scrollbar-thumb:hover,.recent-articles::-webkit-scrollbar-thumb:hover{background:#52525b}.course-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;transition:all .3s ease;height:100%}.course-card:hover{box-shadow:0 20px 25px -5px #0000004d}.course-card-header{padding:1rem 1rem 1.5rem;background:linear-gradient(135deg,#dd2b0e1a,#8b1a0a0d);border-bottom:1px solid var(--border-primary)}.course-card-body{padding:1rem}.course-cta-btn{padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,#b91c1c 100%);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:transform .2s}.course-cta-btn:hover{transform:scale(1.05)}.transition-width{transition-property:width}.hidden{display:none}.opacity-0{opacity:0}.translate-y-5{transform:translateY(1.25rem)}.transition-all{transition-property:all}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:ease-out}.article-link:focus-visible,.nav-card:focus-visible,.category-card:focus-visible,.back-to-blog:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:.5rem}.article-card.loading,.sidebar-section.loading{position:relative;overflow:hidden}.article-card.loading:before,.sidebar-section.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.blog-detail-page{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.blog-content{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d;overflow:hidden;position:relative;margin-bottom:2rem}.blog-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.article-header{padding:1rem;background:linear-gradient(135deg,#dd2b0e0d,#8b1a0a05);border-bottom:1px solid var(--border-secondary);position:relative}.article-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.article-description{font-size:1.25rem;color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem;font-weight:400;max-width:none}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.article-header .article-tags,.article-header .article-meta{font-size:.875rem}.article-tags .tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#dd2b0e26,#8b1a0a14);color:var(--accent-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid rgba(221,43,14,.2);transition:all .2s ease}.article-tags .tag:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,#b91c1c 100%);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-secondary)}.article-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.article-meta-icon{width:1.125rem;height:1.125rem;color:var(--accent-primary);opacity:.8}.article-navigation{margin-top:0;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:1rem;position:relative;overflow:hidden;margin-bottom:2rem}.article-navigation:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4rem;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 50%,transparent 100%)}.nav-card{flex:1;padding:1.5rem 2rem;border:1px solid var(--border-primary);border-radius:.75rem;text-decoration:none;transition:all .3s ease;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-tertiary) 100%);position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);transform:scaleX(0);transition:transform .3s ease}.nav-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 25px -5px #0000004d}.nav-card:hover:before{transform:scaleX(1)}.nav-card.prev-card{text-align:left}.nav-card.next-card{text-align:right}.nav-card-content{position:relative;z-index:1}.nav-card-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.nav-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.blog-sidebar{display:flex;flex-direction:column;position:sticky}.blog-sidebar .related-articles{display:flex;flex-direction:column;gap:.75rem}.blog-sidebar .related-article{text-decoration:none;padding:1rem;border-radius:.75rem;transition:all .2s ease;border:1px solid transparent;background:var(--bg-tertiary);position:relative;overflow:hidden}.blog-sidebar .related-article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary);transform:scaleY(0);transition:transform .2s ease}.blog-sidebar .related-article:hover{background:var(--bg-hover);border-color:var(--border-primary)}.blog-sidebar .related-article:hover:before{transform:scaleY(1)}.blog-sidebar .related-article-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.blog-sidebar .related-article-date{font-size:.75rem;color:var(--text-muted)}.blog-sidebar .category-list{display:flex;flex-direction:column;gap:.5rem}.blog-sidebar .category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:1px solid transparent}.blog-sidebar .category-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.blog-sidebar .category-item.active{background:linear-gradient(135deg,var(--accent-primary) 0%,#b91c1c 100%);color:#fff;border-color:var(--accent-primary)}.blog-sidebar .category-name{flex:1;font-size:.875rem;font-weight:500}.blog-sidebar .category-count{font-size:.75rem;padding:.125rem .375rem;background:var(--bg-tertiary);border-radius:9999px;min-width:1.5rem;text-align:center;font-weight:600}.blog-sidebar .category-item.active .category-count{background:#fff3}.blog-sidebar .back-to-blog{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-weight:600;transition:all .2s ease;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--accent-primary);background:linear-gradient(135deg,#dc26261a,#8b1a0a0d)}.blog-sidebar .back-to-blog:hover{color:#fff;background:linear-gradient(135deg,var(--accent-primary) 0%,#b91c1c 100%);transform:translate(-4px);box-shadow:0 8px 16px #dc26264d}@media(max-width:1024px){.article-title{font-size:2rem}.article-description{font-size:1.125rem}.blog-content{padding:0}}@media(max-width:768px){.blog-content{padding:0;margin-bottom:1.5rem}.article-title{font-size:1.75rem}.article-meta{align-items:flex-start;gap:.5rem}.article-navigation{padding:1.5rem}.nav-card{padding:1rem}.blog-sidebar .sidebar-section{padding:1.5rem}}.article-navigation{margin:2rem 0}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.nav-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.nav-card:hover{box-shadow:0 20px 25px -5px #0000004d;border-color:var(--accent-primary)}.nav-card.nav-prev{text-align:left}.nav-card.nav-next{text-align:right}.nav-label{display:block;font-size:.875rem;color:var(--accent-primary);font-weight:600;margin-bottom:.5rem}.nav-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.nav-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.nav-grid{grid-template-columns:1fr}.nav-card.nav-prev,.nav-card.nav-next{text-align:left}}.featured-articles-vertical{display:flex;flex-direction:column;gap:.75rem}.featured-article-vertical{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative}.featured-article-vertical:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.featured-article-vertical.main{border:2px solid var(--accent-primary)}.featured-article-vertical.secondary{border:1px solid var(--border-primary)}.featured-article-vertical:hover{transform:translateY(-2px);box-shadow:0 8px 16px #dc262626}.featured-link-vertical{text-decoration:none;color:inherit;display:block}.featured-content-vertical{padding:1.5rem}.featured-article-vertical.main .featured-content-vertical{padding:2rem}.featured-meta-vertical{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.featured-badge-vertical{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;padding:.2rem .6rem;border-radius:.4rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.featured-article-vertical.secondary .featured-badge-vertical{background:var(--accent-primary);font-size:.65rem;padding:.1rem .4rem;border-radius:.3rem}.featured-date-vertical{font-size:.75rem;color:var(--text-secondary)}.featured-title-vertical{font-weight:600;line-height:1.3;color:var(--text-primary);margin-bottom:.75rem;transition:color .2s}.featured-title-vertical.main-title{font-size:1.25rem;margin-bottom:.75rem}.featured-title-vertical.secondary-title{font-size:1rem;margin-bottom:.5rem}.featured-article-vertical:hover .featured-title-vertical{color:var(--accent-primary)}.featured-description-vertical{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.75rem}.featured-article-vertical.main .featured-description-vertical{font-size:.9rem;margin-bottom:1rem}.featured-article-vertical.secondary .featured-description-vertical{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.featured-tags-vertical{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.featured-article-vertical.secondary .featured-tags-vertical{gap:.375rem;margin-bottom:.5rem}.tag-vertical{display:inline-flex;align-items:center;padding:.2rem .6rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:.4rem;font-size:.7rem;font-weight:500;border:1px solid var(--border-secondary);transition:all .2s}.featured-article-vertical.secondary .tag-vertical{padding:.1rem .4rem;font-size:.65rem;border-radius:.25rem}.tag-vertical:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.featured-author-vertical{display:flex;align-items:center;gap:.5rem}.author-name-vertical{font-size:.75rem;color:var(--text-secondary);font-weight:500}.author-name-vertical:before{content:"👤";margin-right:.25rem}@media(max-width:768px){.featured-articles-vertical{gap:.75rem}.featured-content-vertical{padding:1rem!important}.featured-title-vertical.main-title{font-size:1.1rem}.featured-title-vertical.secondary-title{font-size:.95rem}.featured-description-vertical{font-size:.8rem!important}.featured-article-vertical.secondary .featured-description-vertical{-webkit-line-clamp:3}.featured-date-vertical{font-size:.7rem}.featured-badge-vertical{font-size:.65rem}.featured-article-vertical.secondary .featured-badge-vertical{font-size:.6rem}.tag-vertical{font-size:.65rem}.featured-article-vertical.secondary .tag-vertical{font-size:.6rem}}.reading-stories-section{margin-top:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.section-icon{font-size:1.75rem}.section-description{color:var(--text-secondary);margin:0;font-size:.95rem;max-width:500px}.section-link{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.section-link:hover{color:var(--accent-secondary);transform:translate(2px)}.reading-stories-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.reading-story-card{background:var(--blog-card-gradient);border:1px solid var(--border-primary);border-radius:.625rem;overflow:hidden;transition:all .3s ease}.reading-story-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 6px 20px #dd2b0e26}.reading-story-card.featured{border-color:var(--accent-primary);background:var(--blog-featured-gradient)}.reading-story-card.featured:hover{box-shadow:0 10px 30px #dd2b0e33}.story-link{display:block;text-decoration:none;color:inherit;padding:1.25rem}.story-content{height:100%}.story-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.story-chapter{background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.story-date{color:var(--text-dim);font-size:.8rem}.story-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-story-card.featured .story-title{font-size:1.25rem}.story-description{color:var(--text-secondary);margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem}.reading-story-card.featured .story-description{-webkit-line-clamp:4}.story-reading-time{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.story-tags{display:flex;flex-wrap:wrap;gap:.5rem}.story-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-secondary)}.reading-story-card.featured .story-tag{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-link{align-self:flex-end}.story-title{font-size:1.1rem}.reading-story-card.featured .story-title{font-size:1.25rem}.story-link{padding:1.25rem}}@media(max-width:640px){.section-title{font-size:1.25rem}.section-icon{font-size:1.5rem}.story-description{font-size:.85rem}.story-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.article-meta{padding:.625rem;gap:.625rem}.article-meta-item{font-size:.6875rem}.article-meta-icon{width:.875rem;height:.875rem}.article-tags{margin-bottom:.875rem}.article-tags .tag{padding:.1875rem .4375rem;font-size:.625rem}