html{scroll-padding-top:140px}.article-container{z-index:10;background-color:#0d1117b3;border:1px solid #30363d;border-radius:8px;max-width:80%;margin:120px auto 80px;padding:60px;position:relative;box-shadow:0 0 50px #00000080}.article-content{color:#c9d1d9;text-align:justify;font-family:"Exo 2",JetBrains Mono;font-size:1.1rem;line-height:1.8}.article-content a{color:var(--neon-orange);font-weight:600;text-decoration:none;transition:all .3s;position:relative}.article-content a:after{content:"";background-color:var(--neon-orange);width:0;height:1px;transition:all .3s ease-in-out;position:absolute;bottom:-2px;left:0}.article-content a:hover{color:var(--neon-orange)}.article-content a:hover:after{width:100%}h1.article-title{color:var(--text-white);text-align:left;text-transform:none;margin-bottom:10px;font-family:Chakra Petch,Orbitron;font-size:2.5rem;line-height:1.2}h2.article-subtitle{color:var(--neon-cyan);text-transform:none;border-bottom:1px solid #30363d;margin-bottom:30px;padding-bottom:20px;font-family:"Exo 2",JetBrains Mono;font-size:1.5rem;font-weight:300}.article-meta{color:var(--text-gray);font-size:.9rem;font-family:var(--font-code);gap:20px;margin-bottom:40px;display:flex}.author-chip{background:#ffffff0d;border:1px solid #30363d;border-radius:20px;align-items:center;gap:10px;padding:5px 12px;display:flex}.author-chip img{object-fit:cover;border-radius:50%;width:30px;height:30px}.article-content h2{color:var(--text-white);border-left:4px solid var(--neon-orange);margin-top:50px;margin-bottom:20px;padding-left:15px;font-family:Chakra Petch,Orbitron}.article-content h3{color:var(--neon-cyan);margin-top:30px;margin-bottom:15px}pre{border-radius:6px;margin:5%}code{font-size:.9rem;line-height:1.5;font-family:JetBrains Mono,monospace!important}.code-tabs-wrapper{border:1px solid var(--neon-cyan);backdrop-filter:blur(1px);background:#002b3624;border-radius:6px;grid-template-rows:auto 1fr;width:fit-content;min-width:50%;max-width:100%;margin:40px auto;display:grid;overflow:hidden;box-shadow:0 0 20px #00d4ff1a}.code-tabs-wrapper pre{text-align:left;margin:0}.code-tabs-header{background:#001e2600;border-bottom:1px solid #00d4ff4d;grid-row:1;display:flex}.tab-btn{color:#839496;cursor:pointer;font-family:var(--font-code);background:0 0;border:none;border-right:1px solid #00d4ff1a;padding:8px 20px;font-size:.85rem;transition:all .3s}.tab-btn:hover{color:var(--neon-cyan);background:#00d4ff0d}.tab-btn.active{color:var(--neon-cyan);border-bottom:2px solid var(--neon-cyan);background:#002b36}.code-content{visibility:hidden;opacity:0;pointer-events:none;grid-area:2/1;padding:0;transition:opacity .2s ease-in-out}.code-content.active{visibility:visible;opacity:1;pointer-events:auto}.code-tabs-wrapper pre,.code-tabs-wrapper code{text-shadow:none;margin:0;background:0 0!important}.hljs-ln-numbers{text-align:right;-webkit-user-select:none;color:#484f58!important;border-right:1px solid #30363d!important;padding-right:15px!important}.hljs-ln-code{padding-left:15px!important}table.hljs-ln{width:100%!important;box-shadow:none!important;margin:0!important}table.hljs-ln td{text-align:left!important;background:0 0!important;border-top:none!important;border-bottom:1px dashed #ffffff1a!important;border-left:none!important;padding:0 5px!important}table.hljs-ln td.hljs-ln-numbers{text-align:right!important;color:#586e75!important;border-right:1px solid #00d4ff33!important;padding-right:10px!important}figure{text-align:center;background:0 0;border:none;width:fit-content;max-width:100%;margin:40px auto;padding:0}figure img{border:1px solid #30363d;border-radius:4px;max-width:100%;height:auto;display:block;box-shadow:0 0 20px #0000004d}figcaption{color:var(--text-gray);font-size:.9rem;font-family:var(--font-code);margin-top:15px}figcaption strong,figcaption b{color:var(--neon-cyan)}.figure-grid{flex-wrap:wrap;justify-content:center;gap:15px;width:fit-content;margin:auto;padding:15px;display:flex}.figure-item{flex-direction:column;align-items:center;margin:14px;display:flex}.figure-item img{object-fit:cover;border:1px solid #30363d;border-radius:4px;width:100%;height:200px;margin-bottom:10px;transition:all .3s}.figure-item img:hover{border-color:var(--neon-cyan);z-index:5;transform:scale(1.05)}.figure-item figcaption{color:var(--text-gray);text-align:center;font-size:.85rem;line-height:1.4}.grid-caption{text-align:center;width:100%;color:var(--text-gray);font-size:.9rem}.grid-caption strong{color:var(--neon-cyan)}blockquote{border-left:4px solid var(--neon-cyan);color:var(--text-white);background:#00d4ff0d;margin:30px 0;padding:20px;font-style:italic}.table-wrapper{justify-content:center;margin:30px 0;display:flex;overflow-x:auto}table{border-collapse:collapse;width:auto;min-width:50%;max-width:100%;font-size:.95rem;box-shadow:0 5px 15px #00000080}th{text-align:center;border-bottom:2px solid var(--neon-cyan);color:var(--text-white);font-family:var(--font-heading);background:#ffffff05;padding:12px 20px}td{text-align:center;border-bottom:1px solid #30363d;padding:10px 20px}td:first-child{text-align:left;color:var(--neon-cyan)}table caption{caption-side:top;text-align:center;font-family:var(--font-code);color:var(--text-gray);margin-bottom:10px;font-size:.9rem}table caption strong{color:var(--neon-cyan)}.references{border-top:1px solid #30363d;margin-top:60px;padding-top:30px;font-size:.9rem}.references ol{padding-left:20px}.references li{color:var(--text-gray);margin-bottom:10px}@media (width<=768px){.article-container{width:95%;margin-top:100px;padding:30px 20px}.article-meta{flex-wrap:wrap;gap:10px}h1.article-title{font-size:1.8rem}}