pre{background-color:#1e293b !important;color:#f8fafc !important;padding:1.25rem;border-radius:0.5rem;overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 15px rgba(0,0,0,0.08)}pre code{background-color:transparent !important;color:#f8fafc !important;padding:0 !important;border-radius:0 !important;display:block;font-size:0.95rem;line-height:1.6}:root{--blog-primary-color:#0d6efd;--blog-primary-hover:#0b5ed7;--blog-text-main:#2b2f33;--blog-bg-light:#f8f9fa;--blog-border-radius:0.5rem;--blog-transition-speed:0.25s}.article-container{max-width:1140px;margin-top:1.875rem;margin-bottom:3rem}.article-header{margin-bottom:2.5rem}.article-header .card{border-radius:var(--blog-border-radius);transition:box-shadow var(--blog-transition-speed) ease}.article-meta{font-size:0.95rem;color:#6c757d}.article-meta a{color:var(--blog-primary-color);transition:color var(--blog-transition-speed) ease}.article-meta a:hover{color:var(--blog-primary-hover);text-decoration:underline !important}.article-content{font-size:1.1rem;line-height:1.75;color:var(--blog-text-main)}.article-content h2{font-weight:700;margin-top:2.25rem;margin-bottom:1.25rem;scroll-margin-top:100px}.article-content h3{font-weight:600;margin-top:1.75rem;margin-bottom:1rem;scroll-margin-top:100px}.article-content p{margin-bottom:1.25rem}.lead,.article-content .lead{font-size:1.2rem;font-weight:500;line-height:1.8;color:#1a1e21;background:linear-gradient(135deg,rgba(13,110,253,0.05) 0%,rgba(248,249,250,0.95) 100%);border-left:4px solid var(--blog-primary-color,#0d6efd);padding:1.25rem 1.5rem;border-radius:0 0.6rem 0.6rem 0;margin-top:1.25rem;margin-bottom:2rem;box-shadow:0 4px 15px rgba(13,110,253,0.06);position:relative}.lead strong,.article-content .lead strong{color:var(--blog-primary-color,#0d6efd);font-weight:700}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:0.5rem}.toc-wrapper{margin-bottom:2.5rem;border-radius:var(--blog-border-radius);overflow:hidden;transition:box-shadow var(--blog-transition-speed) ease}.toc-wrapper .card-header{cursor:pointer;user-select:none;transition:background-color var(--blog-transition-speed) ease}.toc-wrapper .card-header:hover{background-color:var(--blog-primary-hover) !important}.toc-toggle-btn{font-size:0.85rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:0.25rem;transition:all var(--blog-transition-speed) ease}.toc-wrapper .list-group-item{background-color:transparent;transition:transform var(--blog-transition-speed) ease,padding-left var(--blog-transition-speed) ease}.toc-wrapper .list-group-item a{color:#333;display:inline-block;transition:color var(--blog-transition-speed) ease,transform var(--blog-transition-speed) ease}.toc-wrapper .list-group-item a:hover,.toc-wrapper .list-group-item a.active-toc-link{color:var(--blog-primary-color) !important;transform:translateX(4px)}.toc-wrapper .list-group-item a.active-toc-link{font-weight:700 !important}.article-content figure{margin:2rem 0;text-align:center}.article-content figure img{max-width:100%;height:auto;border-radius:var(--blog-border-radius);transition:transform var(--blog-transition-speed) ease,box-shadow var(--blog-transition-speed) ease}.article-content figure img:hover{box-shadow:0 1rem 2rem rgba(0,0,0,0.15) !important}.article-content figcaption{font-size:0.9rem;color:#6c757d;margin-top:0.65rem}.alert{border-radius:var(--blog-border-radius);padding:1.25rem 1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}.alert-info.border-start{background-color:#f0f7ff;border-color:#0dcaf0 !important}.alert-success{background-color:#e8f8f5;border-color:#198754 !important}.alert-primary{background-color:#eef5ff;border-color:#0d6efd !important}.alert-danger{background-color:#fdf2f2;border-color:#dc3545 !important}.table-responsive{border-radius:var(--blog-border-radius);overflow:hidden;margin:1.5rem 0}.table thead th{font-weight:700;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.5px}.accordion-button:not(.collapsed){background-color:#eef5ff;color:var(--blog-primary-color)}.accordion-button:focus{box-shadow:0 0 0 0.25rem rgba(13,110,253,0.15)}.blog-cta-banner{border-radius:0.75rem;transition:transform var(--blog-transition-speed) ease,box-shadow var(--blog-transition-speed) ease}.blog-cta-banner:hover{box-shadow:0 1rem 2.5rem rgba(13,110,253,0.2) !important}.article-navigation .card{transition:transform var(--blog-transition-speed) ease,box-shadow var(--blog-transition-speed) ease;border-radius:var(--blog-border-radius)}.article-navigation .card:hover,.hover-shadow:hover{transform:translateY(-4px);box-shadow:0 0.75rem 1.5rem rgba(0,0,0,0.12) !important}.transition-all{transition:all var(--blog-transition-speed) ease-in-out}@media (max-width:768px){.article-content{font-size:1rem;line-height:1.65}.article-container{margin-top:1rem}.display-5{font-size:1.85rem}.lead,.article-content .lead{font-size:1.05rem;padding:1rem 1.15rem}.article-navigation .col-md-6:first-child{margin-bottom:1rem}}.hero-section{background:linear-gradient(135deg,rgba(0,120,212,0.85),rgba(43,43,129,0.9)),none no-repeat center center;background-size:cover;padding:8rem 0 6rem;color:white;text-align:center;margin-top:-76px;position:relative}.hero-badge{background-color:rgba(255,255,255,0.2);backdrop-filter:blur(5px);border-radius:50px;display:inline-block;padding:0.5rem 1.5rem;font-weight:500;margin-bottom:1.5rem}.article-container{max-width:1140px;margin:0 auto;padding:2rem 15px}.article-content{font-size:1.05rem;line-height:1.7;color:#444}.article-content p{margin-bottom:1.5rem}.article-content h2{font-weight:700;margin-top:3rem;margin-bottom:1.5rem;color:#333;position:relative;padding-bottom:0.75rem}.article-content h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:#0078D4}.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1.5rem}.article-content li{margin-bottom:0.75rem}.article-content strong{color:#333}.article-image{margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.article-image img{width:100%;height:auto}.image-caption{background-color:#f8f9fa;padding:1rem;text-align:center;font-style:italic;color:#6c757d;font-size:0.95rem}.feature-cards{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.feature-card{flex:1 1 calc(50% - 1.5rem);min-width:280px;background-color:white;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:rgba(0,120,212,0.1);margin-bottom:1rem}.feature-icon i{font-size:1.5rem;color:#0078D4}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;font-weight:600;color:#333}.quote-box{background-color:#f8f9fa;border-left:5px solid #0078D4;padding:1.5rem;margin:2rem 0;border-radius:8px}.info-box{background-color:rgba(0,120,212,0.05);border-radius:8px;padding:1.5rem;margin:2rem 0}.info-box-title{display:flex;align-items:center;font-weight:600;margin-bottom:1rem;color:#0078D4}.info-box-title i{margin-right:0.5rem;font-size:1.25rem}.architecture-diagram{background-color:white;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin:2rem 0}.toc{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem 0}.toc-title{font-weight:600;margin-bottom:1rem;display:flex;align-items:center}.toc-title i{margin-right:0.5rem}.toc-list{list-style:none;padding-left:0;column-count:2;column-gap:2rem}.toc-list li{margin-bottom:0.75rem;padding-left:1rem;position:relative;break-inside:avoid}.toc-list li::before{content:"";position:absolute;left:0;top:0.6rem;width:5px;height:5px;background-color:#0078D4;border-radius:50%}.toc-list a{color:#495057;text-decoration:none;transition:color 0.2s}.toc-list a:hover{color:#0078D4}@@media (max-width:768px){.toc-list{column-count:1}.feature-card{flex:1 1 100%}}.references{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:3rem}.references h3{margin-bottom:1rem}.references ul{list-style:none;padding-left:0}.references li{margin-bottom:0.5rem}.references code{background-color:#e9ecef;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9rem}.cta-section{background:linear-gradient(135deg,#0078D4,#0050a1);color:white;border-radius:12px;padding:3rem 2rem;text-align:center;margin:3rem 0 1rem}.cta-section h3{margin-bottom:1.5rem}.reading-progress{position:fixed;top:76px;left:0;width:0%;height:3px;background:linear-gradient(90deg,#007bff,#0056b3);z-index:1000;transition:width 0.1s ease}.blog-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.blog-content h2{font-size:1.8rem;font-weight:600;margin-top:2.5rem;margin-bottom:1.2rem;color:#0056b3;border-left:5px solid #0056b3;padding-left:15px}.blog-content h3{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:1rem;color:#212529}.blog-content p{font-size:1.1rem;line-height:1.7;margin-bottom:1.2rem;text-align:justify}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:1.2rem}.blog-content li{margin-bottom:0.5rem;line-height:1.7}.blog-content strong{font-weight:600;color:#212529}.blog-content code{background-color:#f8f9fa;padding:0.2rem 0.4rem;border-radius:0.2rem;color:#e83e8c;font-size:0.9em}.blog-content a{color:#0056b3;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color 0.3s}.blog-content a:hover{border-bottom-color:#0056b3}.toc-container{position:sticky;top:100px;z-index:99}.toc-item{display:block;padding:0.5rem 0;text-decoration:none;color:#495057;border-left:2px solid transparent;padding-left:10px;transition:all 0.2s;font-size:0.9rem}.toc-item:hover,.toc-item.active{color:#0056b3;border-left-color:#0056b3;background-color:rgba(0,123,255,0.05)}.toc-item.sub{padding-left:25px;font-size:0.85rem}.section-card{border-radius:0.5rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);margin-bottom:1.5rem}.highlight-box{background-color:#f8f9fa;border-left:4px solid #0056b3;padding:1.5rem;margin-bottom:1.5rem;border-radius:0.25rem}.warning-box{background-color:#fff3cd;border-left:4px solid #ffc107;padding:1.5rem;margin-bottom:1.5rem;border-radius:0.25rem}.faq-item{margin-bottom:1rem;border:1px solid #dee2e6;border-radius:0.25rem}.faq-question{padding:1rem;font-weight:600;color:#212529;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{padding:1rem;border-top:1px solid #dee2e6}.reading-progress{position:fixed;top:76px;left:0;width:0%;height:3px;background:linear-gradient(90deg,#007bff,#0056b3);z-index:1000;transition:width 0.1s ease}.breadcrumb-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px 0;margin-bottom:30px;border-radius:10px}.breadcrumb{background:none;padding:0;margin:0}.breadcrumb-item + .breadcrumb-item::before{content:"→";color:#007bff;font-weight:bold}.article-meta{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.author-info{display:flex;align-items:center;margin-bottom:15px}.author-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;border:3px solid #007bff}.article-stats{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#6c757d}.stat-item{display:flex;align-items:center;gap:5px}.toc-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin-bottom:30px;position:sticky;top:100px;box-shadow:0 2px 15px rgba(0,0,0,0.1)}.toc-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #007bff}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:8px;padding-left:15px;border-left:2px solid transparent;transition:all 0.3s ease}.toc-list li:hover{border-left-color:#007bff;background:#f8f9fa}.toc-list a{color:#495057;text-decoration:none;font-size:14px;transition:color 0.3s ease}.toc-list a:hover{color:#007bff}.toc-list a.active{color:#007bff;font-weight:600;background:#f8f9fa;padding:5px 10px;border-radius:5px;margin:-5px -10px;border-left-color:#007bff !important}.toc-list a.active{color:#007bff;font-weight:600;background:#f8f9fa;padding:5px 10px;border-radius:5px;margin:-5px -10px}.toc-list .toc-h2{font-weight:600}.toc-list .toc-h3{padding-left:30px;font-size:13px}.blog-container{background:#fff;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,0.1);overflow:hidden}.blog-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:40px;text-align:center}.blog-content{padding:40px;line-height:1.8;font-size:16px}.blog-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.blog-content h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:50px 0 25px 0;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #007bff;border-radius:8px;position:relative}.blog-content h2::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,123,255,0.05),rgba(0,86,179,0.05));border-radius:8px;z-index:-1}.blog-content h3{color:#34495e;font-size:1.5rem;font-weight:600;margin:30px 0 20px 0;position:relative}.blog-content h3::before{content:'▶';color:#007bff;margin-right:10px;font-size:0.8em}.blog-content p{margin-bottom:20px;text-align:justify}.blog-content ul,.blog-content ol{margin-bottom:20px}.blog-content li{margin-bottom:8px;line-height:1.7}.blog-content a{color:#007bff;text-decoration:none;font-weight:500;position:relative;transition:all 0.3s ease}.blog-content a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#007bff;transition:width 0.3s ease}.blog-content a:hover::after{width:100%}.blog-content a:hover{color:#0056b3}.featured-image{width:100%;height:400px;object-fit:cover;border-radius:15px;margin:30px 0;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.software-card{border:none;border-radius:15px;transition:all 0.4s ease;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-bottom:30px;overflow:hidden}.software-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.software-card .card-header{background:linear-gradient(135deg,#007bff,#0056b3);color:white;border:none;padding:20px;position:relative;overflow:hidden}.software-card .card-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0}.software-card:hover .card-header::before{opacity:1;animation:shine 0.5s ease}@@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.software-card .card-body{padding:25px}.software-card img{transition:transform 0.3s ease}.software-card:hover img{transform:scale(1.05)}.highlight-section{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-left:5px solid #28a745;padding:25px;border-radius:15px;margin:30px 0;position:relative;box-shadow:0 5px 15px rgba(40,167,69,0.1)}.highlight-section::before{content:'✓';position:absolute;top:-10px;left:20px;background:#28a745;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold}.warning-section{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:5px solid #dc3545;padding:25px;border-radius:15px;margin:30px 0;position:relative;box-shadow:0 5px 15px rgba(220,53,69,0.1)}.warning-section::before{content:'⚠';position:absolute;top:-10px;left:20px;background:#dc3545;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold}.solann-highlight{background:linear-gradient(135deg,#fff9e6,#ffeb9c);border:2px solid #ffc107;border-radius:15px;padding:25px;margin:30px 0;position:relative;box-shadow:0 5px 20px rgba(255,193,7,0.2)}.solann-highlight::before{content:'⭐';position:absolute;top:-10px;left:20px;background:#ffc107;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold}.solann-highlight h3{color:#e67e22;margin-top:0}.social-share{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin:30px 0;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.social-share h5{margin-bottom:15px;color:#2c3e50}.social-btn{display:inline-block;padding:10px 20px;margin:5px;border-radius:25px;text-decoration:none;color:white;font-weight:500;transition:all 0.3s ease}.social-btn:hover{transform:translateY(-2px);color:white}.social-btn.facebook{background:#3b5998}.social-btn.twitter{background:#1da1f2}.social-btn.linkedin{background:#0077b5}.social-btn.email{background:#34495e}.related-articles{background:#f8f9fa;border-radius:15px;padding:30px;margin-top:40px}.related-article-card{background:white;border-radius:10px;padding:20px;margin-bottom:15px;transition:all 0.3s ease;border:1px solid #e9ecef}.related-article-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}@@media (max-width:768px){.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.6rem;padding:10px 15px}.blog-content h3{font-size:1.3rem}.blog-content,.blog-header{padding:20px}.toc-container{position:static;margin-bottom:20px}.featured-image{height:250px}.article-stats{gap:10px}.stat-item{font-size:13px}}@@media (max-width:576px){.social-btn{display:block;margin:5px 0}}:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--success-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--warning-gradient:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--card-shadow:0 10px 40px rgba(0,0,0,0.1);--card-shadow-hover:0 20px 60px rgba(0,0,0,0.15);--border-radius:20px;--transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--glass-bg:rgba(255,255,255,0.95);--glass-border:rgba(255,255,255,0.18)}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:6px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.reading-progress-bar{height:100%;background:var(--primary-gradient);width:0%;transition:width 0.3s ease;position:relative;overflow:hidden}.reading-progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:progressShimmer 2s infinite}@@keyframes progressShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.article-header{background:var(--primary-gradient);position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);margin-bottom:100px}.article-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,0.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,0.2) 0%,transparent 50%);animation:gradientShift 8s ease-in-out infinite}@@keyframes gradientShift{0%,100%{opacity:1}50%{opacity:0.8}}.article-header .container{position:relative;z-index:2}.hero-content{animation:heroFadeIn 1.2s ease-out}@@keyframes heroFadeIn{0%{opacity:0;transform:translateY(60px)}100%{opacity:1;transform:translateY(0)}}.floating-element{position:absolute;animation:floating 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:2s}.floating-element:nth-child(3){bottom:30%;left:20%;animation-delay:4s}@@keyframes floating{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,0.1);border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition);overflow:hidden;position:relative;margin-bottom:2rem}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.card:hover::before{transform:scaleX(1)}.card-body{padding:2.5rem;position:relative;z-index:1}.card-title{font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;color:#2d3748;font-size:1.5rem}.card-text{line-height:1.8;color:#4a5568}.toc-container{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,0.1);border-left:6px solid transparent;border-image:var(--primary-gradient) 1;border-radius:var(--border-radius);box-shadow:var(--card-shadow);position:relative;overflow:hidden;animation:slideInFromLeft 0.8s ease-out;margin-bottom:3rem}@@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}.toc-container::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:var(--primary-gradient);border-radius:50%;transform:translate(30px,-30px);opacity:0.1}.toc-container h4{background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;position:relative;z-index:2;text-align:center;margin-bottom:1.5rem}.toc-link{color:#4a5568;text-decoration:none;padding:15px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:8px;transition:var(--transition);position:relative;overflow:hidden;font-weight:500;background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.05)}.toc-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left 0.5s ease;z-index:-1}.toc-link:hover{color:white;transform:translateX(10px) scale(1.02);box-shadow:0 8px 25px rgba(102,126,234,0.3);border-color:rgba(102,126,234,0.5)}.toc-link:hover::before{left:0}.toc-link .emoji{font-size:1.3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.1))}.section-header{position:relative;margin:4rem 0 3rem 0;text-align:center}.section-title{font-size:2.2rem;font-weight:800;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;display:inline-flex;align-items:center;gap:1rem;position:relative}.section-title::before,.section-title::after{content:'';width:60px;height:3px;background:var(--primary-gradient);border-radius:2px;animation:expandLine 0.8s ease-out}@@keyframes expandLine{0%{width:0}100%{width:60px}}.section-icon{font-size:2.5rem;margin:0;animation:bounceIn 0.8s ease-out;filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.2))}@@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.section-divider{height:4px;background:var(--primary-gradient);border-radius:4px;margin:2rem auto;position:relative;overflow:hidden;width:200px;animation:dividerGrow 1s ease-out}@@keyframes dividerGrow{0%{width:0}100%{width:200px}}.highlight-box{position:relative;background:linear-gradient(145deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 50%,rgba(64,224,208,0.1) 100%);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,0.2);border-radius:var(--border-radius);padding:2.5rem;margin:2rem 0;box-shadow:var(--card-shadow);overflow:hidden;animation:slideInUp 0.8s ease-out}@@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.highlight-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);border-radius:var(--border-radius) var(--border-radius) 0 0}.highlight-box h4,.highlight-box h5{color:#2d3748;font-weight:700;margin-bottom:1rem;position:relative;z-index:2}.highlight-box p{color:#4a5568;position:relative;z-index:2;margin:0}.social-share .btn{border-radius:50px;padding:12px 24px;font-weight:600;transition:var(--transition);position:relative;overflow:hidden;border:2px solid transparent;background-clip:padding-box;margin:0 8px 8px 0;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.social-share .btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.2)}.btn-facebook{background:linear-gradient(135deg,#3b5998,#8b9dc3);color:white}.btn-twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:white}.btn-copy{background:var(--success-gradient);color:white}.alert-primary{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 50%,rgba(64,224,208,0.15) 100%);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.2);border-radius:var(--border-radius);position:relative;overflow:hidden;padding:2.5rem;box-shadow:var(--card-shadow);animation:ctaFloat 0.8s ease-out}@@keyframes ctaFloat{0%{opacity:0;transform:translateY(40px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.alert-primary h4,.alert-primary h5{background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;position:relative;z-index:2}.alert-primary p{color:#4a5568;position:relative;z-index:2}.breadcrumb{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:50px;padding:8px 20px;border:1px solid rgba(255,255,255,0.2)}.breadcrumb-item a{color:rgba(255,255,255,0.9);text-decoration:none;transition:var(--transition);padding:4px 8px;border-radius:15px}.breadcrumb-item a:hover{color:white;background:rgba(255,255,255,0.1);text-shadow:0 0 10px rgba(255,255,255,0.5);transform:translateY(-1px)}.breadcrumb-item.active{color:white;font-weight:600}.article-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:2rem;justify-content:center}.article-meta span{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);padding:8px 16px;border-radius:25px;border:1px solid rgba(255,255,255,0.2);transition:var(--transition);display:flex;align-items:center;gap:6px;color:rgba(255,255,255,0.9);font-size:0.9rem}.article-meta span:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.back-to-top{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--primary-gradient);color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;transform:translateY(100px) scale(0.5);transition:var(--transition);z-index:1000;box-shadow:var(--card-shadow);display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.2)}.back-to-top.show{opacity:1;transform:translateY(0) scale(1)}.back-to-top:hover{transform:translateY(-10px) scale(1.1);box-shadow:var(--card-shadow-hover);background:var(--secondary-gradient)}.btn-primary{background:var(--primary-gradient);border:none;border-radius:50px;padding:12px 30px;font-weight:600;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(102,126,234,0.3);color:white}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.4);background:var(--secondary-gradient);color:white}.btn-warning{background:var(--warning-gradient);border:none;border-radius:50px;padding:12px 30px;font-weight:600;transition:var(--transition);box-shadow:0 4px 15px rgba(67,233,123,0.3);color:white}.btn-warning:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(67,233,123,0.4);color:white}.content-section{margin-bottom:4rem;opacity:1;transform:translateY(0)}.article-intro{background:var(--glass-bg);border-radius:var(--border-radius);padding:2.5rem;margin-bottom:3rem;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,0.05)}.intro-links .btn{margin-right:1rem;margin-bottom:0.5rem}.featured-image-container{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);margin:3rem 0;animation:imageReveal 1s ease-out}@@keyframes imageReveal{0%{opacity:0;transform:scale(0.9) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}.featured-image-container img{transition:transform 0.5s ease;width:100%;height:auto}.featured-image-container:hover img{transform:scale(1.02)}.image-caption{text-align:center;margin-top:1rem;color:#6c757d;font-style:italic}#cta-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:4rem 2rem;text-align:center;margin-top:4rem;position:relative;overflow:hidden}#cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0.05;z-index:0}#cta-section .row{position:relative;z-index:1}@@media (max-width:768px){.section-title{font-size:1.8rem}.article-header{min-height:70vh;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.card-body{padding:1.5rem}.toc-container{margin-bottom:2rem}.social-share .btn{margin-bottom:10px;padding:10px 20px}.article-meta{flex-direction:column;gap:10px}.article-meta span{justify-content:center}.back-to-top{width:50px;height:50px;bottom:20px;right:20px}.hero-content h1{font-size:2rem !important}.featured-image-container{margin:2rem 0}}@@media (max-width:576px){.highlight-box,.alert-primary{padding:1.5rem}.section-title{font-size:1.5rem}.toc-link{padding:12px 15px}}h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;font-weight:700;line-height:1.3;margin-bottom:1rem;color:#2d3748}p{font-family:'Inter',sans-serif;line-height:1.8;margin-bottom:1.5rem;color:#4a5568;font-size:1.1rem}.toc-link:focus,.btn:focus,.back-to-top:focus{outline:3px solid rgba(102,126,234,0.5);outline-offset:2px}.guest-post-hero{position:relative;padding-top:120px;padding-bottom:100px;margin-top:-76px;background:linear-gradient(135deg,rgba(13,110,253,0.92),rgba(10,88,202,0.95)),url('/images/guest-post-banner.jpg');background-size:cover;background-position:center;color:#fff;overflow:hidden}.guest-post-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjA1IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMTQ0MHY3MjBIMHoiLz48cGF0aCBkPSJNMTQ0MCAwaC43MkwwIDcyMGgxNDQwVjB6IiBvcGFjaXR5PSIuNSIvPjwvZz48L3N2Zz4=');opacity:0.3;z-index:1}.guest-post-hero__content{position:relative;z-index:10}.guest-post-hero__badge{display:inline-block;padding:8px 20px;background-color:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:30px;font-size:14px;font-weight:600;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s ease}.guest-post-hero__badge:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.guest-post-hero__badge i{margin-right:8px}.guest-post-hero h1{font-size:3.2rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.15)}.guest-post-hero__description{font-size:1.1rem;max-width:85%;margin:0 auto 2rem;line-height:1.7}.guest-post-hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:2rem}.guest-post-hero__cta .btn{padding:12px 28px;font-weight:600;border-radius:8px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.guest-post-hero__cta .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.guest-post-hero__cta .btn-light{color:#0d6efd}.guest-post-hero__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:40px}.guest-post-hero__stat{background-color:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border-radius:10px;padding:15px 24px;text-align:center;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.guest-post-hero__stat:hover{transform:translateY(-5px);background-color:rgba(255,255,255,0.15)}.guest-post-hero__stat-number{font-size:2rem;font-weight:700;margin-bottom:5px}.guest-post-hero__stat-label{font-size:0.9rem;opacity:0.9}.guest-post-hero__decoration{position:absolute;z-index:1;opacity:0.5}.guest-post-hero__decoration--1{top:10%;left:5%;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.1);filter:blur(30px)}.guest-post-hero__decoration--2{bottom:10%;right:5%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,0.1);filter:blur(60px)}.wave-divider{position:absolute;bottom:-2px;left:0;width:100%;overflow:hidden;line-height:0;z-index:2}.wave-divider svg{display:block;width:calc(100% + 1.3px);height:80px}@@media (max-width:1199.98px){.guest-post-hero h1{font-size:2.8rem}}@@media (max-width:991.98px){.guest-post-hero{padding-top:100px;padding-bottom:80px}.guest-post-hero h1{font-size:2.4rem}.guest-post-hero__description{font-size:1rem;max-width:95%}.guest-post-hero__decoration{display:none}}@@media (max-width:767.98px){.guest-post-hero{padding-top:90px;padding-bottom:70px}.guest-post-hero h1{font-size:2rem}.guest-post-hero__stat{padding:12px 20px}.guest-post-hero__stat-number{font-size:1.75rem}}@@media (max-width:575.98px){.guest-post-hero h1{font-size:1.8rem}.guest-post-hero__badge{padding:6px 15px;font-size:12px}.guest-post-hero__stats{gap:15px}.guest-post-hero__stat{padding:10px 16px}.guest-post-hero__stat-number{font-size:1.5rem}}.article-container{max-width:1140px;margin-top:30px}.article-header{margin-bottom:2rem}.article-content{font-size:1.1rem;line-height:1.7}.section-header h2{font-size:1.8rem;color:var(--bs-primary)}.toc-wrapper{top:20px;z-index:100}#toc a{color:#333;padding:5px 0;display:block;transition:all 0.3s ease}#toc a:hover{color:var(--bs-primary);transform:translateX(5px)}.alert{border-radius:0.5rem}code{background-color:#f8f9fa;padding:0.2rem 0.4rem;border-radius:0.25rem}@@media (max-width:768px){.article-content{font-size:1rem}.section-header h2{font-size:1.5rem}}.social-signals-hero{position:relative;padding:8rem 0 6rem;margin-top:-76px;background:linear-gradient(135deg,rgba(59,89,152,0.92),rgba(29,161,242,0.95)),url('/images/social-signals-banner.jpg');background-size:cover;background-position:center;color:#fff;overflow:hidden}.social-signals-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjA1IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMTQ0MHY3MjBIMHoiLz48cGF0aCBkPSJNMTQ0MCAwaC43MkwwIDcyMGgxNDQwVjB6IiBvcGFjaXR5PSIuNSIvPjwvZz48L3N2Zz4=');opacity:0.3;z-index:1}.social-badge{display:inline-block;padding:8px 20px;background-color:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:30px;font-size:14px;font-weight:600;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.social-badge i{margin-right:8px}.hero-content{position:relative;z-index:10}.wave-divider{position:absolute;bottom:-2px;left:0;width:100%;overflow:hidden;line-height:0;z-index:2}.wave-divider svg{display:block;width:calc(100% + 1.3px);height:80px}.section-title{position:relative;margin-bottom:2rem;font-weight:700}.section-title::after{content:'';position:absolute;left:0;bottom:-10px;width:60px;height:3px;background-color:#0d6efd}.content-section{margin-bottom:3rem}.content-section h2{margin-bottom:1.5rem;color:#333}.content-card{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05);padding:1.5rem;margin-bottom:1.5rem;background-color:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease}.content-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.social-icon-box{background-color:#f8f9fa;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:#0d6efd;transition:all 0.3s ease}.social-icon-box:hover{background-color:#0d6efd;color:#fff}.info-box{background-color:#f8f9fa;border-left:4px solid #0d6efd;padding:1.25rem;margin:1.5rem 0;border-radius:0.375rem}.signal-benefit{padding:1rem;border-radius:8px;background-color:#f8f9fa;margin-bottom:1rem;border-left:3px solid #0d6efd}.signal-benefit h4{color:#0d6efd;font-size:1.1rem}.signal-benefit p{margin-bottom:0}.social-platform{display:inline-block;padding:6px 12px;background-color:#f1f1f1;border-radius:20px;margin:4px;font-size:0.9rem;color:#333;transition:all 0.2s ease}.social-platform:hover{background-color:#0d6efd;color:#fff}.tool-card{border:1px solid rgba(0,0,0,0.125);border-radius:0.375rem;padding:1.25rem;margin-bottom:1rem;transition:all 0.3s ease}.tool-card:hover{border-color:#0d6efd;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.tool-icon{font-size:2rem;margin-bottom:0.75rem;color:#0d6efd}.conclusion-section{background-color:#f8f9fa;padding:2rem;border-radius:10px;margin-top:3rem}@@media (max-width:768px){.social-signals-hero{padding:6rem 0 4rem}}