:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--text-dark:#2c3e50;--text-muted:#6c757d;--bg-light:#f8f9fa;--border-color:#e9ecef;--card-shadow:0 8px 25px rgba(0, 0, 0, 0.05);--card-hover-shadow:0 15px 35px rgba(0, 0, 0, 0.1);--transition-speed:0.3s;--sidebar-width:300px}.concepts-hero{background:var(--primary-gradient);color:#fff;padding:6rem 0;margin-bottom:4rem;position:relative;overflow:hidden}.concepts-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="rgba(255,255,255,0.05)"/></svg>');opacity:.3}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.35rem;opacity:.95;margin-bottom:0;line-height:1.6;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.concepts-content{padding-bottom:6rem}.concept-section{margin-bottom:5rem}.section-header{display:flex;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.section-icon{width:70px;height:70px;background:var(--primary-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-right:2rem;flex-shrink:0;box-shadow:0 10px 20px rgba(102,126,234,.2)}.section-icon i{font-size:2rem;color:#fff}.section-info{flex:1}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark);letter-spacing:-.01em}.section-description{font-size:1.15rem;color:var(--text-muted);margin-bottom:0;max-width:700px}.series-container{background:#fff;border-radius:24px;padding:2.5rem;margin-bottom:3rem;border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease}.series-container:hover{box-shadow:var(--card-hover-shadow)}.series-header{margin-bottom:2.5rem;position:relative}.series-badge{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px rgba(0,0,0,.1)}.series-badge.polars{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.series-badge.pandas{background:linear-gradient(135deg,#4834d4,#686de0);color:#fff}.series-badge.sql{background:linear-gradient(135deg,#00d2d3,#54a0ff);color:#fff}.series-badge.azure{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff}.series-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.series-description{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin-bottom:0;max-width:800px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2.5rem}.article-card{background:var(--bg-light);border-radius:16px;padding:1.75rem;border:1px solid transparent;transition:all var(--transition-speed)ease;display:flex;align-items:flex-start;gap:1.25rem;height:100%}.article-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,8%);border-color:#667eea}.article-number{width:45px;height:45px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0;transition:all var(--transition-speed)ease}.article-card:hover .article-number{background:#667eea;color:#fff}.article-content{flex:1}.article-title{margin-bottom:.75rem;line-height:1.4}.article-title a{color:var(--text-dark);text-decoration:none;font-size:1.15rem;font-weight:700;transition:color var(--transition-speed)ease}.article-title a:hover{color:#667eea}.article-description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f1f3f5;color:#000;padding:.35rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid transparent;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:all .2s ease}.tag:hover{background:#fff;border-color:#667eea;color:#667eea}.coming-soon{background:#fff8e1;border-radius:12px;padding:1.5rem 2rem;border-left:5px solid #ffc107;display:flex;flex-direction:column;gap:1rem}.coming-soon h5{color:#856404;font-weight:700;margin-bottom:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.coming-soon h5::before{content:'\f017';font-family:'font awesome 5 free';font-weight:900}.coming-soon ul{margin-bottom:0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem}.coming-soon li{color:#856404;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.coming-soon li::before{content:'';width:6px;height:6px;background:#ffc107;border-radius:50%}.mastery-section{background:var(--secondary-gradient);border-radius:24px;padding:4rem 2rem;text-align:center;margin-top:5rem;position:relative}.mastery-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:3rem}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.mastery-item{background:#fff;border-radius:20px;padding:2.5rem 2rem;border:1px solid transparent;transition:all var(--transition-speed)ease;box-shadow:0 5px 15px rgba(0,0,0,5%)}.mastery-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#667eea}.mastery-icon{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px rgba(102,126,234,.3)}.mastery-icon i{font-size:2rem;color:#fff}.mastery-item h3{font-size:1.35rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.mastery-item p{color:var(--text-muted);line-height:1.7;margin-bottom:0;font-size:1.05rem}.concept-article{background:#fff;border-radius:24px;padding:3rem;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.series-badge-small{display:inline-block}.series-badge-small .badge-text{background:rgba(102,126,234,.1);color:#667eea;padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.article-title{font-size:3rem;font-weight:800;color:var(--text-dark);line-height:1.2;margin-bottom:1.5rem;margin-top:1rem;letter-spacing:-.02em}.article-meta{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:.95rem}.meta-item{display:flex;align-items:center}.article-lead{font-size:1.35rem;color:var(--text-muted);line-height:1.6;margin-bottom:0;font-weight:300}.article-content{font-size:1.15rem;line-height:1.8;color:var(--text-dark)}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--text-dark);font-weight:700;margin-top:3rem;margin-bottom:1.25rem;letter-spacing:-.01em;position:relative}.article-content h2{font-size:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.article-content h3{font-size:1.6rem}.article-content p{margin-bottom:1.75rem}.article-content ul,.article-content ol{margin-bottom:1.75rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content pre{background:#282c34;border-radius:12px;padding:1.5rem;overflow-x:auto;margin:2rem 0;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative}.article-content code{font-family:fira code,consolas,monospace;font-size:.9em}.article-content p code,.article-content li code{background:rgba(102,126,234,.1);color:#667eea;padding:.2rem .4rem;border-radius:4px}.article-content pre code{background:0 0;padding:0;color:#abb2bf;border:none}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:2.5rem 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.article-content th,.article-content td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.article-content th{background:var(--bg-light);font-weight:700;color:var(--text-dark);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.article-content tr:last-child td{border-bottom:none}.sidebar-widget{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.widget-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.toc-content nav ul{list-style:none;padding-left:0;margin-bottom:0}.toc-content nav ul ul{padding-left:1rem;margin-top:.5rem}.toc-content nav li{margin-bottom:.5rem}.toc-content nav a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease;display:block;padding:.2rem 0}.toc-content nav a:hover{color:#667eea}.series-list{display:flex;flex-direction:column;gap:.5rem}.series-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--text-muted);transition:all .2s ease}.series-item:hover{background:var(--bg-light);color:var(--text-dark)}.series-item.active{background:rgba(102,126,234,.1);color:#667eea;font-weight:600}.series-number{background:#e9ecef;color:var(--text-muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.series-item.active .series-number{background:#667eea;color:#fff}.series-link-title{font-size:.9rem;line-height:1.4}.series-nav-bottom{border-top:2px solid var(--border-color);padding-top:2rem;margin-top:4rem}.series-nav-bottom h4{color:var(--text-dark);font-weight:700;margin-bottom:1.5rem}.series-nav-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:12px;text-decoration:none;color:#000;transition:all .2s ease;border:1px solid transparent;height:100%}.series-nav-card:hover{background:#fff;border-color:#667eea;box-shadow:0 5px 15px rgba(0,0,0,5%);transform:translateY(-2px)}.series-nav-card.active{background:#fff;border-color:#667eea;box-shadow:0 5px 15px rgba(0,0,0,5%)}.nav-number{font-size:1.5rem;font-weight:800;color:#adb5bd;line-height:1;transition:color .2s ease}.series-nav-card.active .nav-number,.series-nav-card:hover .nav-number{color:rgba(102,126,234,.3)}.nav-title{font-weight:600;font-size:.95rem;flex:1}.current-indicator{color:#667eea}@media(max-width:992px){.concepts-sidebar{margin-top:3rem}.article-title{font-size:2.5rem}}@media(max-width:768px){.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.15rem}.section-header{flex-direction:column;text-align:center;gap:1.5rem}.section-icon{margin-right:0}.articles-grid{grid-template-columns:1fr}.article-card{flex-direction:column;text-align:center;align-items:center}.series-container{padding:1.5rem}.mastery-section{padding:3rem 1.5rem}.coming-soon ul{flex-direction:column;gap:.75rem}.concept-article{padding:1.5rem}.article-title{font-size:2rem}.article-content{font-size:1.05rem}.article-meta{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.concepts-hero{padding:4rem 0}.hero-title{font-size:2.25rem}.section-title{font-size:1.75rem}.series-title{font-size:1.5rem}}.concepts-nav-container{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:3rem;box-shadow:0 4px 20px rgba(0,0,0,3%)}.nav-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.main-nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nav-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-muted);padding:.6rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 5px rgba(0,0,0,5%)}.nav-btn:hover{background:#f8f9fa;transform:translateY(-2px);color:var(--text-dark)}.nav-btn.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,.3)}.nav-btn i{font-size:1.1em}.sub-nav{display:flex;align-items:center;gap:.75rem;animation:fadeIn .3s ease}.sub-nav.hidden{display:none}.sub-nav-divider{width:1px;height:20px;background:var(--border-color);margin:0 .5rem;display:none}.sub-nav-btn{background:0 0;border:1px solid transparent;color:var(--text-muted);padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sub-nav-btn:hover{background:rgba(102,126,234,5%);color:#667eea}.sub-nav-btn.active{background:rgba(102,126,234,.1);color:#667eea;border-color:rgba(102,126,234,.2)}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.concepts-nav-container{padding:.75rem 0;top:0}.nav-btn{padding:.5rem 1rem;font-size:.85rem}.main-nav{gap:.5rem}}.article-content{font-size:1.125rem;line-height:1.8;color:#2c3e50}.article-content p{margin-bottom:2rem}.article-content h2{margin-top:3.5rem;margin-bottom:1.5rem;font-weight:800;color:#1a202c}.article-content h3{margin-top:2.5rem;font-weight:700;color:#2d3748}.table-responsive{overflow-x:auto;margin:2.5rem 0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,5%);border:1px solid var(--border-color);background:#fff}.article-content table{margin:0;border:none;box-shadow:none;min-width:600px}.code-block-wrapper{margin:2.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);background:#282c34;position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#21252b;border-bottom:1px solid #3e4451;color:#abb2bf;font-family:fira code,monospace;font-size:.85rem}.code-lang{font-weight:700;color:#61afef}.copy-btn{background:0 0;border:none;color:#abb2bf;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:color .2s;padding:.25rem .5rem;border-radius:4px}.copy-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.article-content pre{margin:0;border-radius:0;box-shadow:none;padding:1.5rem;max-height:none}.code-block-wrapper.collapsed pre{max-height:400px;overflow:hidden;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.expand-btn{position:absolute;bottom:0;left:0;right:0;width:100%;padding:1rem;background:rgba(33,37,43,.95);border:none;border-top:1px solid #3e4451;color:#61afef;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.expand-btn:hover{background:#21252b;color:#fff}