.blog-article{color:rgba(255,255,255,.8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7}.video-modal{z-index:1000;opacity:0;visibility:hidden;background:rgba(0,0,0,.9);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.video-modal.active{opacity:1;visibility:visible}.video-modal-content{background:#000;border-radius:8px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden}.video-modal-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;position:absolute;top:-40px;right:0}.video-modal-close:hover{background:rgba(255,255,255,.3)}.video-modal video,.video-modal iframe{width:100%;height:auto;max-height:90vh}.video-thumbnail{margin:2rem 0;transition:all .2s}.video-thumbnail:hover{transform:translateY(-2px);background:rgba(75,85,99,.8)!important}.blog-article h2{margin-bottom:3rem;font-size:2.5rem;font-weight:700;line-height:1.2;position:relative}.blog-article h2:before{content:"";background:linear-gradient(transparent,#3b82f6,transparent);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:-1rem}.blog-article .highlight-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(59,130,246,.05);border-left:4px solid #3b82f6;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem 2rem;position:relative}.blog-article .highlight-box:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 50%,rgba(147,51,234,.05) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.blog-article .post-meta{border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:2rem;margin-bottom:3rem;padding:1rem 0;display:flex}.blog-article .post-meta .meta-item{color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.blog-article .post-meta .meta-item svg{width:1rem;height:1rem}.blog-article .pullquote{margin:3rem 0;padding:2rem 3rem;font-size:1.875rem;font-style:italic;font-weight:500;line-height:1.4;position:relative}.blog-article .pullquote:before,.blog-article .pullquote:after{content:"\"";color:rgba(59,130,246,.3);font-family:Georgia,serif;font-size:4rem;position:absolute}.blog-article .pullquote:before{top:-.5rem;left:0}.blog-article .pullquote:after{bottom:-2rem;right:0}.blog-article .info-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:2rem 0;padding:1.5rem 2rem}.blog-article .info-box.warning{background:rgba(239,68,68,.05);border-left:4px solid #ef4444}.blog-article .info-box.info{background:rgba(59,130,246,.05);border-left:4px solid #3b82f6}.blog-article .info-box.success{background:rgba(34,197,94,.05);border-left:4px solid #22c55e}.blog-article .section-divider{text-align:center;margin:4rem 0;position:relative}.blog-article .section-divider:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);height:1px;position:absolute;top:50%;left:0;right:0}.blog-article .section-divider .divider-number{color:rgba(255,255,255,.9);z-index:1;background:#000;padding:0 1rem;font-size:1.5rem;font-weight:700;position:relative}.blog-article .reading-progress{z-index:1000;background:rgba(0,0,0,.3);width:100%;height:4px;position:fixed;top:0;left:0}.blog-article .reading-progress .progress-bar{background:linear-gradient(90deg,#3b82f6,#9333ea);height:100%;transition:width .1s}.blog-article .article-toc{max-width:300px;margin-left:3rem;position:-webkit-sticky;position:sticky;top:8rem}.blog-article .article-toc h4{color:rgba(255,255,255,.9);margin-bottom:1rem;font-size:1rem;font-weight:600}.blog-article .article-toc ul{padding:0;list-style:none}.blog-article .article-toc li{margin:.5rem 0}.blog-article .article-toc a{color:rgba(255,255,255,.6);border-left:2px solid transparent;padding-left:1rem;font-size:.875rem;text-decoration:none;transition:color .2s}.blog-article .article-toc a:hover,.blog-article .article-toc a.active{color:#3b82f6;border-left-color:#3b82f6}@media (max-width:768px){.blog-article h2{font-size:2rem}.blog-article .pullquote{padding:1.5rem 2rem;font-size:1.5rem}.blog-article .article-toc{display:none}.blog-article h2:before{left:-.5rem}}.blog-article .fade-in-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.blog-article .fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.blog-article .code-block{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.blog-article .code-block code{color:rgba(255,255,255,.9);font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem}.blog-article ul.enhanced-list{padding:0;list-style:none}.blog-article ul.enhanced-list li{margin:1rem 0;padding-left:2rem;position:relative}.blog-article ul.enhanced-list li:before{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:.75rem;left:0}.blog-article .drop-cap{float:left;color:#3b82f6;padding:.25rem .5rem 0 0;font-size:4rem;font-weight:700;line-height:3rem}.blog-article .social-share{border-top:1px solid rgba(255,255,255,.1);gap:1rem;margin:3rem 0;padding-top:2rem;display:flex}.blog-article .social-share .share-btn{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.blog-article .social-share .share-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.blog-article-footer{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem;padding:2rem 0}.blog-article-footer .author-bio{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.blog-article-footer .author-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex}.blog-article-footer .author-details h4{color:#fff;margin:0 0 .25rem;font-size:1.125rem}.blog-article-footer .author-details p{color:rgba(255,255,255,.6);margin:0;font-size:.875rem}