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