.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#005f73,#c29d59);z-index:9999;transition:width .1s ease-out;box-shadow:0 0 10px #005f7380}[data-theme=light] .reading-progress-bar{background:linear-gradient(90deg,#005f73,#c29d59);box-shadow:0 0 10px #005f734d}.blog-post-main{padding-top:5rem;min-height:100vh}.blog-article{max-width:100%;margin:0 auto}.blog-hero{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);padding:3rem 0 4rem;backdrop-filter:blur(20px)}[data-theme=light] .blog-hero{background:#fffc;border-bottom:1px solid rgba(0,95,115,.1)}.blog-hero-container{max-width:800px;margin:0 auto;padding:0 2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#e5e5e5;text-decoration:none;font-size:.9375rem;font-weight:500;margin-bottom:2.5rem;transition:all .3s ease;opacity:.8}.back-link:hover{opacity:1;color:#c29d59;transform:translate(-4px)}[data-theme=light] .back-link{color:#64748b}[data-theme=light] .back-link:hover{color:#005f73}.blog-meta-top{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;font-size:.9375rem;color:#e5e5e5}[data-theme=light] .blog-meta-top{color:#64748b}.category-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,#005f7326,#c29d591a);border:1px solid rgba(0,95,115,.3);border-radius:50px;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#c29d59}[data-theme=light] .category-badge{background:linear-gradient(135deg,#005f731a,#c29d5914);border-color:#005f7333;color:#005f73}.meta-separator{opacity:.4;margin:0 .25rem}.publish-date,.read-time{display:inline-flex;align-items:center;gap:.5rem;opacity:.9}.blog-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.2;color:#fff;margin:1.5rem 0;letter-spacing:-.02em}[data-theme=light] .blog-title{color:#0f172a}.blog-description{font-family:Lora,serif;font-size:1.375rem;line-height:1.7;color:#e5e5e5;margin:1.5rem 0 2rem;opacity:.9}[data-theme=light] .blog-description{color:#475569}.author-info{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.5rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}[data-theme=light] .author-info{background:#005f730d;border-color:#005f731a}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#005f73,#c29d59);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:#fff;flex-shrink:0}.author-details{display:flex;flex-direction:column;gap:.25rem}.author-name{font-weight:600;font-size:1rem;color:#fff}[data-theme=light] .author-name{color:#0f172a}.author-title{font-size:.875rem;color:#e5e5e5;opacity:.8}[data-theme=light] .author-title{color:#64748b}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{padding:.375rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.875rem;color:#c29d59;font-weight:500;transition:all .3s ease}.tag:hover{background:#c29d591a;border-color:#c29d594d}[data-theme=light] .tag{background:#005f7314;border-color:#005f7326;color:#005f73}[data-theme=light] .tag:hover{background:#005f7326;border-color:#005f734d}.featured-image-wrapper{max-width:1200px;margin:0 auto 4rem;padding:0 2rem}.featured-image{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .featured-image{box-shadow:0 20px 60px #005f7326;border-color:#005f7333}.blog-content-wrapper{background:transparent;padding:0 2rem 4rem}.blog-content-container{max-width:800px;margin:0 auto}.prose{font-family:Lora,serif;font-size:1.125rem;line-height:1.9;color:#e5e5e5}[data-theme=light] .prose{color:#334155}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:Space Grotesk,sans-serif;color:#fff;font-weight:700;margin-top:2.5em;margin-bottom:1em;line-height:1.3;letter-spacing:-.01em;scroll-margin-top:6rem}[data-theme=light] .prose h1,[data-theme=light] .prose h2,[data-theme=light] .prose h3,[data-theme=light] .prose h4,[data-theme=light] .prose h5,[data-theme=light] .prose h6{color:#0f172a}.prose h2{font-size:2rem;margin-top:3rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,95,115,.2);background:linear-gradient(135deg,#005f73,#c29d59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .prose h2{border-bottom-color:#005f7326}.prose h3{font-size:1.5rem;color:#c29d59;margin-top:2rem}[data-theme=light] .prose h3{color:#005f73}.prose h4{font-size:1.25rem;color:#c29d59}[data-theme=light] .prose h4{color:#005f73}.prose p{margin:1.5em 0;color:#e5e5e5}[data-theme=light] .prose p{color:#475569}.prose strong{font-weight:700;color:#fff}[data-theme=light] .prose strong{color:#0f172a}.prose a{color:#46d4e8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:500;transition:all .3s ease}.prose a:hover{color:#c29d59;text-decoration-thickness:2px}[data-theme=light] .prose a{color:#005f73}[data-theme=light] .prose a:hover{color:#c29d59}.prose :not(pre)>code{font-family:JetBrains Mono,monospace;font-size:.9em;padding:.25rem .5rem;background:#005f7326;border:1px solid rgba(0,95,115,.25);border-radius:6px;color:#c29d59;font-weight:500}[data-theme=light] .prose :not(pre)>code{background:#005f731a;border-color:#005f7333;color:#005f73}.prose pre{font-family:JetBrains Mono,monospace;font-size:.9375rem;line-height:1.7;padding:3.5rem 1.5rem 1.5rem;margin:2rem 0;background:linear-gradient(135deg,#0a1923f2,#0f232de6)!important;border:1px solid rgba(0,95,115,.4);border-radius:12px;overflow-x:auto;position:relative;backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080,inset 0 1px #005f731a}[data-theme=light] .prose pre{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid rgba(0,95,115,.2);box-shadow:0 8px 32px #005f731a,inset 0 1px #fffc}.prose pre code{background:transparent!important;border:none!important;padding:0!important;color:#e2e8f0!important;font-size:inherit}[data-theme=light] .prose pre code{color:#334155!important}.prose pre .token.comment,.prose pre .token.prolog,.prose pre .token.doctype,.prose pre .token.cdata{color:#6a9955!important;font-style:italic!important}.prose pre .token.punctuation{color:#d4d4d4!important}.prose pre .token.property{color:#9cdcfe!important}.prose pre .token.tag,.prose pre .token.boolean,.prose pre .token.number,.prose pre .token.constant,.prose pre .token.symbol{color:#b5cea8!important}.prose pre .token.deleted{color:#f48771!important}.prose pre .token.selector,.prose pre .token.attr-name,.prose pre .token.string,.prose pre .token.char,.prose pre .token.builtin,.prose pre .token.inserted{color:#ce9178!important}.prose pre .token.operator,.prose pre .token.entity,.prose pre .token.url{color:#d4d4d4!important}.language-css .token.string,.style .token.string{color:#ce9178!important}.prose pre .token.atrule,.prose pre .token.attr-value,.prose pre .token.keyword{color:#c586c0!important}.prose pre .token.function{color:#dcdcaa!important}.prose pre .token.class-name{color:#4ec9b0!important}.prose pre .token.regex,.prose pre .token.important{color:#d16969!important}.prose pre .token.variable{color:#9cdcfe!important}[data-theme=light] .prose pre .token.comment,[data-theme=light] .prose pre .token.prolog,[data-theme=light] .prose pre .token.doctype,[data-theme=light] .prose pre .token.cdata{color:green!important;font-style:italic!important}[data-theme=light] .prose pre .token.punctuation{color:#000!important}[data-theme=light] .prose pre .token.property{color:#001080!important}[data-theme=light] .prose pre .token.tag,[data-theme=light] .prose pre .token.boolean,[data-theme=light] .prose pre .token.number,[data-theme=light] .prose pre .token.constant,[data-theme=light] .prose pre .token.symbol{color:#098658!important}[data-theme=light] .prose pre .token.deleted,[data-theme=light] .prose pre .token.selector,[data-theme=light] .prose pre .token.attr-name,[data-theme=light] .prose pre .token.string,[data-theme=light] .prose pre .token.char,[data-theme=light] .prose pre .token.builtin,[data-theme=light] .prose pre .token.inserted{color:#a31515!important}[data-theme=light] .prose pre .token.operator,[data-theme=light] .prose pre .token.entity,[data-theme=light] .prose pre .token.url{color:#000!important}[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string{color:#a31515!important}[data-theme=light] .prose pre .token.atrule,[data-theme=light] .prose pre .token.attr-value,[data-theme=light] .prose pre .token.keyword{color:#00f!important}[data-theme=light] .prose pre .token.function{color:#795e26!important}[data-theme=light] .prose pre .token.class-name{color:#267f99!important}[data-theme=light] .prose pre .token.regex,[data-theme=light] .prose pre .token.important{color:#811f3f!important}[data-theme=light] .prose pre .token.variable{color:#001080!important}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#005f7333;border:1px solid rgba(0,95,115,.4);border-radius:8px;color:#46d4e8;cursor:pointer;opacity:1;transition:all .3s ease}.code-copy-btn:hover{background:#005f734d;border-color:#005f7399;transform:translateY(-1px);box-shadow:0 4px 12px #005f734d}[data-theme=light] .code-copy-btn{background:#005f731f;border-color:#005f734d;color:#005f73}[data-theme=light] .code-copy-btn:hover{background:#005f7333;border-color:#005f7380;box-shadow:0 4px 12px #005f7326}.code-copy-btn.copied{background:#22c55e33;border-color:#22c55e80;color:#22c55e}[data-theme=light] .code-copy-btn.copied{background:#22c55e26;border-color:#22c55e66;color:#16a34a}.code-copy-btn svg{width:18px;height:18px}.code-copy-btn span{display:none}.prose ul,.prose ol{margin:1.5em 0;padding-left:1.75rem}.prose li{margin:.75em 0;color:#e5e5e5}[data-theme=light] .prose li{color:#475569}.prose ul li::marker{color:#c29d59}.prose ol li::marker{color:#c29d59;font-weight:600}[data-theme=light] .prose ul li::marker,[data-theme=light] .prose ol li::marker{color:#005f73}.prose blockquote{margin:2rem 0;padding:1.5rem 1.75rem;background:#005f7314;border-left:4px solid #005F73;border-radius:8px;font-style:italic;color:#c29d59;font-size:1.125rem}[data-theme=light] .prose blockquote{background:#005f730d;color:#005f73}.prose img{margin:2.5rem auto;border-radius:12px;box-shadow:0 12px 40px #0003;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .prose img{box-shadow:0 12px 40px #005f731a;border-color:#005f7326}.prose table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:.9375rem}.prose th,.prose td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .prose th,[data-theme=light] .prose td{border-bottom-color:#005f731a}.prose th{background:#005f731a;font-weight:700;color:#fff;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}[data-theme=light] .prose th{background:#005f7314;color:#0f172a}.share-section{margin:4rem 0}.share-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,95,115,.3),transparent);margin-bottom:2.5rem}[data-theme=light] .share-divider{background:linear-gradient(90deg,transparent,rgba(0,95,115,.2),transparent)}.share-content{text-align:center}.share-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem}[data-theme=light] .share-title{color:#0f172a}.share-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#e5e5e5;text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .3s ease;cursor:pointer}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #005f7333}.share-btn.twitter:hover{background:#1da1f226;border-color:#1da1f24d;color:#1da1f2}.share-btn.linkedin:hover{background:#0a66c226;border-color:#0a66c24d;color:#0a66c2}.share-btn.copy:hover{background:#c29d5926;border-color:#c29d594d;color:#c29d59}[data-theme=light] .share-btn{background:#005f7314;border-color:#005f7326;color:#334155}.author-bio{display:flex;gap:1.5rem;padding:2rem;margin:3rem 0;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(20px)}[data-theme=light] .author-bio{background:#005f730d;border-color:#005f7326}.author-bio-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#005f73,#c29d59);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;flex-shrink:0}.author-bio-content{flex:1}.author-bio-name{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}[data-theme=light] .author-bio-name{color:#0f172a}.author-bio-description{font-family:Lora,serif;font-size:1rem;line-height:1.7;color:#e5e5e5;margin-bottom:1rem}[data-theme=light] .author-bio-description{color:#64748b}.author-bio-links{display:flex;gap:1rem;flex-wrap:wrap}.author-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#e5e5e5;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease}.author-link:hover{background:#c29d5926;border-color:#c29d594d;color:#c29d59;transform:translateY(-2px)}[data-theme=light] .author-link{background:#005f7314;border-color:#005f7326;color:#334155}[data-theme=light] .author-link:hover{background:#005f7326;border-color:#005f734d;color:#005f73}.related-articles-section{background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);padding:5rem 2rem;margin-top:4rem}[data-theme=light] .related-articles-section{background:#005f7308;border-top-color:#005f731a}.related-articles-container{max-width:1200px;margin:0 auto}.related-articles-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:.75rem;background:linear-gradient(135deg,#005f73,#c29d59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .related-articles-title{color:#0f172a}.related-articles-subtitle{font-family:Lora,serif;font-size:1.125rem;text-align:center;color:#e5e5e5;margin-bottom:3rem;opacity:.8}[data-theme=light] .related-articles-subtitle{color:#64748b}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.related-article-card{display:flex;flex-direction:column;padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px)}.related-article-card:hover{background:#ffffff0d;border-color:#005f734d;transform:translateY(-4px);box-shadow:0 16px 48px #005f7333}[data-theme=light] .related-article-card{background:#ffffffe6;border-color:#005f7326}[data-theme=light] .related-article-card:hover{background:#fff;border-color:#005f734d;box-shadow:0 16px 48px #005f7326}.related-article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8125rem;font-weight:600}.related-category{color:#c29d59;text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .related-category{color:#005f73}.related-read-time{color:#e5e5e5;opacity:.7}[data-theme=light] .related-read-time{color:#64748b}.related-article-title{font-family:Space Grotesk,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.3;color:#fff;margin-bottom:.75rem}[data-theme=light] .related-article-title{color:#0f172a}.related-article-excerpt{font-family:Lora,serif;font-size:.9375rem;line-height:1.7;color:#e5e5e5;opacity:.9;margin-bottom:1.5rem;flex:1}[data-theme=light] .related-article-excerpt{color:#64748b}.related-article-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .related-article-footer{border-top-color:#005f731a}.read-more{display:inline-flex;align-items:center;gap:.5rem;color:#c29d59;font-size:.9375rem;font-weight:600;transition:all .3s ease}.related-article-card:hover .read-more{gap:.75rem}[data-theme=light] .read-more{color:#005f73}.read-more svg{transition:transform .3s ease}.related-article-card:hover .read-more svg{transform:translate(4px)}@media (max-width: 768px){.blog-post-main{padding-top:4rem}.blog-hero{padding:2rem 0 3rem}.blog-hero-container{padding:0 1.5rem}.blog-title{font-size:2rem}.blog-description{font-size:1.125rem}.blog-content-wrapper{padding:0 1.5rem 3rem}.prose{font-size:1.0625rem}.prose h2{font-size:1.75rem}.prose h3{font-size:1.375rem}.author-bio{flex-direction:column;padding:1.5rem}.author-bio-avatar{margin:0 auto}.author-bio-content{text-align:center}.author-bio-links{justify-content:center}.related-articles-section{padding:4rem 1.5rem}.related-articles-title{font-size:2rem}.related-articles-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.reading-progress-bar,.back-link,.share-btn,.related-article-card,.author-link,.code-copy-btn{transition:none}.related-article-card:hover .read-more svg{transform:none}}
