.table-of-contents{background:rgba(30,41,59,0.8);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;margin:3rem 0;border-left:4px solid var(--primary);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin-bottom:0.75rem}.table-of-contents a{color:#94a3b8;text-decoration:none;transition:all 0.3s;display:block;padding:0.5rem 0;border-left:2px solid transparent;padding-left:1rem}.table-of-contents a:hover,.table-of-contents a.active{color:var(--primary);border-left-color:var(--primary);padding-left:1.5rem}.toc-h3{padding-left:2rem;font-size:0.9rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,0.1);z-index:9999}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));width:0%;transition:width 0.1s ease}.author-box{background:rgba(30,41,59,0.8);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;margin:3rem 0;border:1px solid rgba(99,102,241,0.2)}.author-box img{border:3px solid var(--primary)}.cta-box{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem;border-radius:16px;text-align:center;margin:3rem 0;box-shadow:0 10px 40px rgba(102,126,234,0.4);animation:float 3s ease-in-out infinite}.cta-box h3{color:white;margin-bottom:1rem;font-size:1.8rem}.cta-box .btn{background:white;color:#667eea;padding:1rem 2.5rem;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.cta-box .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.article-content{max-width:900px;margin:0 auto;padding:4rem 2rem}.article-content h2{color:white;font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--primary)}.article-content h3{color:var(--primary);font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.article-content p{color:#cbd5e1;line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.article-content ul,.article-content ol{color:#cbd5e1;line-height:1.8;margin-bottom:1.5rem;padding-left:2rem}.article-content li{margin-bottom:0.75rem}.article-content strong{color:white;font-weight:600}.article-content a{color:var(--primary);text-decoration:underline;transition:color 0.3s}.article-content a:hover{color:var(--secondary)}