.article-page{min-height:100vh;background:#1a1b1e}.article-detail{padding-top:80px}.article-header{padding:60px 0 0;border-bottom:1px solid #3a3b3f}.article-meta{display:flex;align-items:center;gap:15px;margin-bottom:20px}.article-category{display:inline-block;padding:6px 16px;background:#6c9fff;color:#fff;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .3s}.article-category:hover{background:#5a8fee}.article-date{color:#a0a0a0;font-size:14px}.article-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;color:#fff}.article-description{font-size:20px;line-height:1.6;color:#a0a0a0;margin-bottom:30px}.article-author{display:flex;align-items:center;gap:12px}.article-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.article-author span{font-weight:500;color:#fff}.article-featured-image{width:100%;max-height:500px;overflow:hidden;margin-bottom:40px}.article-featured-image img{width:100%;height:100%;object-fit:cover}.article-content-wrapper{padding:10px 0}.article-grid{display:grid;grid-template-columns:250px 1fr;grid-gap:60px;gap:60px}.article-sidebar{position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.article-content{max-width:800px;color:#e0e0e0}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#fff;margin-top:1.5em;margin-bottom:.5em}.article-content p{color:#e0e0e0;line-height:1.8;margin-bottom:1.2em}.article-content a{color:#6c9fff;text-decoration:underline}.article-content a:hover{color:#8bb4ff}.article-content code{background:#2d2e32;color:#d0ff71;padding:2px 6px;border-radius:4px;font-size:.9em}.article-content pre{background:#2d2e32;border:1px solid #3a3b3f;border-radius:8px;padding:16px;overflow-x:auto;margin:1.5em 0}.article-content pre code{background:transparent;padding:0;color:#e0e0e0}.article-content blockquote{border-left:4px solid #6c9fff;padding-left:16px;margin:1.5em 0;color:#a0a0a0;font-style:italic}.article-content ol,.article-content ul{color:#e0e0e0;padding-left:24px;margin-bottom:1.2em}.article-content li{margin-bottom:.5em}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.article-content td,.article-content th{border:1px solid #3a3b3f;padding:12px;text-align:left;color:#e0e0e0}.article-content th{background:#2d2e32;color:#fff;font-weight:600}.article-content hr{border:none;border-top:1px solid #3a3b3f;margin:2em 0}.article-footer{margin-top:60px;padding-top:40px;border-top:1px solid #3a3b3f}.article-comments-section{padding:60px 0;border-top:1px solid #3a3b3f}.related-articles-section{padding:60px 0;background:#2d2e32}@media (max-width:1024px){.article-grid{grid-template-columns:1fr;gap:40px}.article-sidebar{position:static}}@media (max-width:768px){.article-title{font-size:32px}.article-description{font-size:18px}.article-header{padding:40px 0 30px}.article-content-wrapper{padding:30px 0}}.markdown-content{color:#fff;line-height:1.7;font-size:16px;font-family:Georgia,Times New Roman,Times,serif;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.markdown-content h1{color:#fff;font-size:2.75rem;font-weight:700;margin:3.5rem 0 2rem;line-height:1.2;padding-bottom:1rem;border-bottom:2px solid rgba(208,255,113,.3);letter-spacing:-.01em;position:relative}.markdown-content h1:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:#d0ff71;border-radius:2px}.markdown-content h2{color:#fff;font-size:2.25rem;font-weight:700;margin:3rem 0 1.75rem;line-height:1.25;padding-top:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(208,255,113,.2);letter-spacing:-.005em;position:relative}.markdown-content h2:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:1px;background:#d0ff71;border-radius:1px}.markdown-content h3{color:#fff;font-size:1.75rem;font-weight:600;margin:2.5rem 0 1.5rem;line-height:1.3;padding-top:1rem;padding-left:1rem;border-left:3px solid rgba(208,255,113,.4)}.markdown-content h4{color:#fff;font-size:1.4rem;font-weight:600;margin:2rem 0 1.25rem;line-height:1.4;padding-top:.75rem;border-bottom:2px solid rgba(208,255,113,.3);padding-bottom:.75rem}.markdown-content h5{color:hsla(0,0%,100%,.95);font-size:1.2rem;margin:1.75rem 0 1rem;border-left:2px solid rgba(208,255,113,.25)}.markdown-content h5,.markdown-content h6{font-weight:600;line-height:1.4;padding-top:.5rem;padding-left:.5rem}.markdown-content h6{color:hsla(0,0%,100%,.9);font-size:1.1rem;margin:1.5rem 0 .875rem;border-left:2px solid rgba(208,255,113,.2)}.markdown-content p{color:hsla(0,0%,100%,.9);margin:1.5rem 0;line-height:1.8;text-align:justify;font-size:1.05em}.markdown-content h1+p,.markdown-content h2+p,.markdown-content h3+p{margin-top:1.25rem}.markdown-content h2+h3,.markdown-content h3+h4{margin-top:2rem}.markdown-content ol,.markdown-content ul{color:hsla(0,0%,100%,.9);margin:2rem 0;padding-left:2.5rem;font-style:normal}.markdown-content li{color:hsla(0,0%,100%,.9);margin:.75rem 0;line-height:1.7}.markdown-content li,.markdown-content ul li{font-style:normal;list-style-position:outside}.markdown-content ul li{list-style-type:disc;margin-left:.5rem}.markdown-content ul li::marker{color:rgba(208,255,113,.7);font-weight:600;font-style:normal}.markdown-content ol li{list-style-type:decimal;list-style-position:outside;font-style:normal;padding-left:.5rem}.markdown-content ol li::marker{color:rgba(208,255,113,.7);font-weight:600;font-style:normal}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin:.5rem 0}.markdown-content code{background:rgba(208,255,113,.12);color:rgba(208,255,113,.95);padding:.2rem .5rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9em;border:1px solid rgba(208,255,113,.2);font-weight:500}.markdown-content pre{background:rgba(14,15,17,.9);color:#fff;padding:1.75rem;border-radius:12px;margin:2.5rem 0;overflow-x:auto;border:1px solid rgba(208,255,113,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 4px 20px rgba(0,0,0,.3)}.markdown-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(208,255,113,.6),rgba(208,255,113,.3));border-radius:12px 12px 0 0}.markdown-content pre code{background:transparent;color:#fff;padding:0;border:none;font-size:.9em;line-height:1.5;font-family:Fira Code,Courier New,monospace}.markdown-content blockquote{border-left:4px solid rgba(208,255,113,.5);padding:1.5rem 2rem;margin:2.5rem 0;background:rgba(208,255,113,.05);border-radius:0 8px 8px 0;color:hsla(0,0%,100%,.85);font-style:italic;position:relative;font-size:1.05em}.markdown-content blockquote p{margin:0;position:relative;z-index:1}.markdown-content a{color:#d0ff71;text-decoration:underline;-webkit-text-decoration-color:rgba(208,255,113,.4);text-decoration-color:rgba(208,255,113,.4);text-underline-offset:2px;transition:all .2s ease}.markdown-content a:hover{color:#d0ff71;-webkit-text-decoration-color:rgba(208,255,113,.7);text-decoration-color:rgba(208,255,113,.7)}.markdown-content img{max-width:100%;height:auto;border-radius:12px;margin:3rem 0;box-shadow:0 8px 30px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;cursor:pointer}.markdown-content img:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4);opacity:.9}.markdown-content video{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.3)}.markdown-content video:focus{outline:2px solid hsla(0,0%,100%,.3);outline-offset:2px}.markdown-content img:after{content:"🔍";position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.markdown-content img:hover:after{opacity:1}.markdown-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:rgba(14,15,17,.6);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.2)}.tp-blog-loading{margin:3rem 0}.tp-blog-loading-content{padding:2rem;background:rgba(14,15,17,.6);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.2)}.tp-blog-spinner{margin-bottom:1rem}.tp-blog-loading-text{color:hsla(0,0%,100%,.8);font-size:1.1rem;margin:0;font-weight:500}.tp-blog-error{padding:2rem;background:rgba(220,53,69,.1);border-radius:12px;border:1px solid rgba(220,53,69,.3);box-shadow:0 4px 20px rgba(220,53,69,.1)}.tp-blog-end{padding:2rem;background:rgba(14,15,17,.6);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.2)}.tp-blog-end p{font-size:1.1rem;margin:0;font-weight:500}.spinner-border{width:3rem;height:3rem;border-width:.3em}.spinner-border.text-primary{color:hsla(0,0%,100%,.6)!important;border-color:hsla(0,0%,100%,.3) transparent hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.markdown-content td,.markdown-content th{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.markdown-content th{background:rgba(208,255,113,.1);font-weight:600;color:#fff;border-bottom:2px solid rgba(208,255,113,.3);text-transform:uppercase;font-size:.9em;letter-spacing:.5px}.markdown-content tr:hover{background:hsla(0,0%,100%,.02)}.markdown-content tr:last-child td{border-bottom:none}.markdown-content hr{border:none;height:1px;background:hsla(0,0%,100%,.15);margin:4rem 0;border-radius:1px;position:relative}.markdown-content hr:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,#d0ff71,transparent);border-radius:2px}.markdown-content strong{color:#fff;font-weight:600}.markdown-content em{color:hsla(0,0%,100%,.8);font-style:italic}.markdown-content del{color:hsla(0,0%,100%,.5);text-decoration:line-through;-webkit-text-decoration-color:hsla(0,0%,100%,.3);text-decoration-color:hsla(0,0%,100%,.3)}.markdown-content mark{background:rgba(208,255,113,.25);color:#fff;padding:.1rem .3rem;border-radius:3px;border:1px solid rgba(208,255,113,.3)}@media (max-width:768px){.markdown-content{font-size:14px}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content pre{padding:1rem;font-size:.8em;border-radius:8px}.markdown-content table{font-size:.9em;border-radius:8px}.markdown-content td,.markdown-content th{padding:.75rem .5rem}.markdown-content blockquote{padding:1rem 1.5rem;border-radius:0 8px 8px 0}.markdown-content blockquote:before{font-size:3rem}.markdown-content img{border-radius:8px}}@media (max-width:480px){.markdown-content{font-size:13px}.markdown-content h1{font-size:1.75rem}.markdown-content h2{font-size:1.35rem}.markdown-content h3{font-size:1.15rem}.markdown-content pre{padding:.75rem;font-size:.75em}.markdown-content blockquote{padding:.75rem 1rem}.markdown-content blockquote:before{font-size:2.5rem}}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:hsla(0,0%,100%,.1);z-index:1000;transition:opacity .3s ease}.reading-progress-fill{height:100%;background:linear-gradient(90deg,#d0ff71,#0f8,#d0ff71);background-size:200% 100%;animation:shimmer 2s infinite;box-shadow:0 0 10px rgba(208,255,113,.5);transition:width .1s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.related-articles{margin:4rem 0;padding:2rem 0;border-top:1px solid hsla(0,0%,100%,.1)}.related-articles-header{text-align:center;margin-bottom:3rem}.related-articles-header h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:.5rem}.related-articles-header p{color:hsla(0,0%,100%,.6);font-size:1rem}.related-articles-grid{display:flex;flex-direction:column;gap:1.5rem}.related-article-card{background:rgba(14,15,17,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;text-decoration:none;display:block}.related-article-card:hover{transform:translateX(4px);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.3);background:rgba(14,15,17,.8)}.related-article-content{padding:1.5rem;display:flex;flex-direction:column}.related-article-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.related-article-content p{color:hsla(0,0%,100%,.7);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.related-article-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:hsla(0,0%,100%,.5);padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.related-article-author{color:hsla(0,0%,100%,.7);font-weight:500}@media (max-width:768px){.related-articles{margin:3rem 0;padding:1.5rem 0}.related-articles-header h3{font-size:1.5rem}.related-articles-grid{gap:1.25rem}.related-article-content{padding:1.25rem}}.table-of-contents{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;padding:20px!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important;transition:all .3s ease!important;margin-bottom:20px!important}.toc-header{margin-bottom:0;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toc-header h4{color:#d0ff71;font-size:16px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.toc-toggle{background:transparent;border:none;color:#d0ff71;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px}.toc-toggle:hover{background:rgba(208,255,113,.1)}.toc-nav{max-height:400px;overflow-y:auto;overflow-x:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.toc-nav.toc-collapsed{max-height:0;opacity:0;margin-top:0;overflow:hidden}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:4px}.toc-link{display:block;width:100%;padding:8px 12px;color:hsla(0,0%,100%,.7);text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:16px;line-height:1.4;text-align:left;background:none;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-link:hover{color:#d0ff71;background:rgba(208,255,113,.1)}.toc-item.active .toc-link{color:#d0ff71;background:rgba(208,255,113,.15);font-weight:600}.toc-link-disabled{opacity:.7!important;cursor:not-allowed!important;color:hsla(0,0%,100%,.8)!important}.toc-link-disabled:hover{color:hsla(0,0%,100%,.8)!important;background:none!important;transform:none!important}.toc-level-1{margin-left:0}.toc-level-2,.toc-level-3{margin-left:12px}.toc-level-4{margin-left:36px}.toc-level-5{margin-left:48px}.toc-level-6{margin-left:60px}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.toc-nav::-webkit-scrollbar-thumb{background:rgba(208,255,113,.3);border-radius:2px}@media (max-width:768px){.table-of-contents{margin:15px 0;padding:15px}.toc-header h4{font-size:14px}.toc-nav{max-height:250px}.toc-link{font-size:12px;padding:6px 10px}}@media (max-width:480px){.toc-nav{max-height:200px}}.toc-loading{text-align:center;padding:20px;color:hsla(0,0%,100%,.6)}.toc-loading p{margin:0;font-size:14px}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.table-of-contents{animation:slideInLeft .3s ease-out}