.blog-hero-image{position:relative;width:100%;height:450px;overflow:hidden;border-radius:1rem;background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog-hero-image img{width:100%;height:100%;object-fit:cover;opacity:.95}.blog-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:3rem 2rem 2rem;color:#fff}.blog-hero-overlay h1{color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.3);line-height:1.2}.blog-hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:#ffffffe6;font-size:.95rem}.blog-hero-meta svg{opacity:.8}.prose-blog{font-size:1.125rem;line-height:1.8;color:#1f2937}.prose-blog h1,.prose-blog h2,.prose-blog h3,.prose-blog h4{font-weight:700;margin-top:3rem;margin-bottom:1.25rem;scroll-margin-top:5rem}.prose-blog h2{font-size:1.875rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.prose-blog h2:first-of-type{margin-top:.5rem}.prose-blog h3{font-size:1.5rem}.prose-blog p{margin-bottom:1.75rem}.prose-blog img{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto}.prose-blog pre{background:linear-gradient(145deg,#1e293b,#0f172a);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(148,163,184,.1);margin:2rem 0;padding:1rem!important;position:relative;overflow:auto;max-height:70vh}.prose-blog pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.prose-blog blockquote{border-left:4px solid #6366f1;background:linear-gradient(135deg,#eff6ff,#f0f9ff);padding:1.25rem 1.5rem;border-radius:.5rem;margin:2rem 0;font-style:normal;box-shadow:0 4px 6px -1px #0000000d}.prose-blog blockquote p{margin-bottom:0;font-weight:500}.prose-blog ul,.prose-blog ol{margin-bottom:1.75rem;padding-left:1.5rem}.prose-blog ul{list-style-type:disc}.prose-blog ol{list-style-type:decimal}.prose-blog li{margin-bottom:.5rem;list-style-position:outside}.prose-blog a{color:#2563eb;font-weight:500;text-decoration:underline;text-decoration-color:#2563eb4d;text-underline-offset:3px;transition:all .2s}.prose-blog a:hover{color:#1d4ed8;text-decoration-color:#1d4ed8}.prose-blog table{width:100%;border-collapse:collapse;margin:2rem 0;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.prose-blog table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.prose-blog table th{padding:.875rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid #e5e7eb}.prose-blog table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.prose-blog table tr:last-child td{border-bottom:none}.prose-blog table tr:hover{background-color:#f9fafb}.blog-sticky-sidebar{position:sticky;top:2rem}.blog-toc{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem}.blog-toc h3{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem}.blog-toc ul{list-style:none;padding:0}.blog-toc li{margin-bottom:.5rem}.blog-toc a{color:#4b5563;text-decoration:none;font-size:.95rem;transition:all .2s;display:block;padding:.25rem 0}.blog-toc a:hover{color:#2563eb;transform:translate(4px)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform-origin:left;z-index:50;transition:transform .1s ease-out}.latest-article-card{position:relative;background:#fff;border-radius:1rem;overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb}.latest-article-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#3b82f6}.latest-article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.latest-article-card:hover:before{transform:scaleX(1)}.latest-article-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.latest-article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.latest-article-card:hover .latest-article-thumbnail img{transform:scale(1.05)}.latest-article-content{padding:1.5rem}.latest-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280;padding-top:1rem;border-top:1px solid #f3f4f6}.latest-article-meta-item{display:flex;align-items:center;gap:.375rem}.latest-article-meta-item svg{width:1rem;height:1rem;opacity:.7}.latest-article-category{display:inline-flex;padding:.375rem .875rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s;border:1px solid #bfdbfe}.latest-article-category:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f626}.latest-article-title{font-size:1.125rem;font-weight:700;color:#111827;margin:.75rem 0;line-height:1.3;transition:color .2s}@media (min-width: 640px){.latest-article-title{font-size:1.25rem;margin:.875rem 0}}@media (min-width: 768px){.latest-article-title{font-size:1.5rem;margin:1rem 0}}.latest-article-title:hover{color:#2563eb}.latest-article-excerpt{color:#4b5563;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.latest-article-tag{font-size:.75rem;color:#6b7280;padding:.25rem .625rem;background:#f9fafb;border-radius:.375rem;transition:all .2s;border:1px solid #e5e7eb}.latest-article-tag:hover{background:#f3f4f6;color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.latest-article-author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #f3f4f6}.latest-article-author-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.latest-article-author-info{flex:1}.latest-article-author-name{font-weight:600;color:#111827;font-size:.875rem}.latest-article-author-date{font-size:.75rem;color:#6b7280}.latest-article-read-more{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;font-weight:500;font-size:.875rem;margin-top:1rem;transition:all .2s}.latest-article-read-more:hover{gap:.75rem;color:#1d4ed8}.latest-article-read-more svg{width:1rem;height:1rem;transition:transform .2s}.latest-article-read-more:hover svg{transform:translate(4px)}.latest-article-horizontal{display:grid;grid-template-columns:300px 1fr;gap:0;background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease}.latest-article-horizontal:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#3b82f6}.latest-article-horizontal .latest-article-thumbnail{height:100%;min-height:250px}.latest-article-horizontal .latest-article-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.category-hero{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:2rem 1rem;margin-bottom:1.5rem}@media (min-width: 640px){.category-hero{padding:3rem 1rem;margin-bottom:2rem}}@media (min-width: 768px){.category-hero{padding:4rem 1rem;margin-bottom:3rem}}.category-hero:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:slidePattern 60s linear infinite}@keyframes slidePattern{0%{transform:translate(0)}to{transform:translate(50%)}}.category-hero-content{position:relative;z-index:1;max-width:48rem;margin:0 auto;text-align:center}.category-hero h1{color:#fff;font-size:1.875rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 4px 6px rgba(0,0,0,.2);line-height:1.2}@media (min-width: 640px){.category-hero h1{font-size:2.25rem;margin-bottom:1rem}}@media (min-width: 768px){.category-hero h1{font-size:3rem}}.category-hero p{color:#fffffff2;font-size:.95rem;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (min-width: 640px){.category-hero p{font-size:1.125rem;line-height:1.6}}@media (min-width: 768px){.category-hero p{font-size:1.25rem}}.category-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.category-stat{text-align:center}.category-stat-number{display:block;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.category-stat-label{font-size:.875rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.category-sidebar{position:sticky;top:2rem}.category-sidebar-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease}.category-sidebar-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.category-sidebar-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.category-list{list-style:none;padding:0;margin:0}.category-list-item{margin-bottom:.5rem}.category-list-link{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-radius:.5rem;color:#4b5563;transition:all .2s;position:relative}.category-list-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#3b82f6,#8b5cf6);transition:height .2s;border-radius:0 3px 3px 0}.category-list-link:hover{background:#f3f4f6;color:#1f2937;padding-left:1.25rem}.category-list-link:hover:before{height:70%}.category-list-link.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-weight:600;border:1px solid #bfdbfe}.category-list-link.active:before{height:100%}.category-count{font-size:.75rem;padding:.125rem .5rem;background:#f3f4f6;border-radius:9999px;color:#6b7280;font-weight:500}.category-list-link.active .category-count{background:#3b82f6;color:#fff}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud-item{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;color:#6b7280;font-size:.875rem;transition:all .2s}.tag-cloud-item:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f626}.tag-cloud-item.active-tag{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff;font-weight:600}.tag-cloud-item.active-tag:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px #3b82f64d}.tag-count{font-size:.75rem;opacity:.8}.tag-hero{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:2rem 1rem;margin-bottom:1.5rem}@media (min-width: 640px){.tag-hero{padding:3rem 1rem;margin-bottom:2rem}}@media (min-width: 768px){.tag-hero{padding:4rem 1rem;margin-bottom:3rem}}.tag-hero:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:slidePattern 60s linear infinite}.tag-hero-content{position:relative;z-index:1;max-width:48rem;margin:0 auto;text-align:center}.tag-hero h1{color:#fff;font-size:1.875rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 4px 6px rgba(0,0,0,.2);line-height:1.2;display:inline-flex;align-items:center;gap:.5rem}@media (min-width: 640px){.tag-hero h1{font-size:2.25rem;margin-bottom:1rem}}@media (min-width: 768px){.tag-hero h1{font-size:3rem}}.tag-hero .tag-icon{width:2rem;height:2rem;background:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 640px){.tag-hero .tag-icon{width:2.5rem;height:2.5rem}}@media (min-width: 768px){.tag-hero .tag-icon{width:3rem;height:3rem}}.tag-hero p{color:#fffffff2;font-size:.95rem;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (min-width: 640px){.tag-hero p{font-size:1.125rem;line-height:1.6}}@media (min-width: 768px){.tag-hero p{font-size:1.25rem}}@media (max-width: 768px){.blog-hero-image{height:300px;border-radius:.5rem}.blog-hero-overlay{padding:2rem 1.5rem 1.5rem}.blog-hero-overlay h1{font-size:1.875rem}.prose-blog{font-size:1rem}.prose-blog h2{font-size:1.5rem}.prose-blog h3{font-size:1.25rem}.latest-article-horizontal{grid-template-columns:1fr}.latest-article-horizontal .latest-article-thumbnail{height:200px;min-height:200px}}