.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.article-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:slideIn 1s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.article-header h1{font-size:2.5rem;margin:0 0 1rem;font-weight:700;position:relative;animation:fadeInUp .8s ease-out}.article-title-link{color:var(--accent-primary);text-decoration:none;text-shadow:0 0 20px var(--accent-primary);transition:all var(--transition-fast);display:inline-block}.article-title-link:hover{color:var(--accent-secondary);text-shadow:0 0 30px var(--accent-primary),0 0 40px var(--accent-primary);transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-header h1:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background-color:var(--accent-primary);animation:expandWidth 1s ease-out .5s forwards}@keyframes expandWidth{to{width:100px}}.article-meta{color:var(--accent-primary);font-size:.9rem;margin:0;font-family:var(--font-mono);opacity:0;animation:fadeIn .6s ease-out .3s forwards}@keyframes fadeIn{to{opacity:.8}}.article-content{margin-bottom:3rem;animation:contentFadeIn .8s ease-out .6s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);position:relative}.article-footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:1px;background-color:var(--accent-primary);animation:expandFromCenter .8s ease-out 1s forwards}@keyframes expandFromCenter{to{width:200px}}.article-footer p{margin:0}.article-footer a{color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast);position:relative}.article-footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--accent-primary);transition:width var(--transition-base)}.article-footer a:hover:after{width:100%}@media (max-width: 768px){.article-header h1{font-size:2rem}}.article-content{line-height:1.8;font-size:1.05rem}.article-content p{margin-bottom:1.5rem;opacity:.95}.article-content h2{margin-top:3rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);position:relative;padding-left:1rem}.article-content h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.article-content h3{margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600;color:var(--accent-primary);opacity:.9}.article-content h4{margin-top:3rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);position:relative;padding-left:1rem}.article-content h4:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.article-content h5{margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600;color:var(--accent-primary);opacity:.9}.article-content h6{margin-top:2rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.article-content ul,.article-content ol{margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2.5rem;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);list-style-position:inside;counter-reset:list-counter}.article-content li{margin-bottom:.75rem;line-height:1.8;padding-left:.5rem;position:relative}.article-content ul>li{list-style:none}.article-content ul>li:before{content:"•";color:var(--accent-primary);font-weight:700;font-size:1.2em;position:absolute;left:-1.2rem;text-shadow:0 0 8px var(--accent-primary)}.article-content ol>li{list-style:none;counter-increment:list-counter}.article-content ol>li:before{content:counter(list-counter) ".";color:var(--accent-primary);font-weight:700;position:absolute;left:-1.8rem;text-shadow:0 0 8px var(--accent-primary)}.article-content li>ul,.article-content li>ol{margin-top:.75rem;margin-bottom:0;background:none;border:none;padding:0 0 0 1rem;counter-reset:sub-counter}.article-content li>ul>li:before{content:"◦";left:-1rem}.article-content li>ol>li{counter-increment:sub-counter}.article-content li>ol>li:before{content:counter(list-counter) "." counter(sub-counter);left:-2.5rem}.article-content a{color:var(--accent-primary);text-decoration:none;position:relative;transition:all var(--transition-fast)}.article-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--accent-primary);transition:width var(--transition-base)}.article-content a:hover{text-shadow:0 0 10px var(--accent-primary)}.article-content a:hover:after{width:100%}.article-content blockquote{margin:2rem 0;padding:1.5rem;background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);color:var(--text-secondary);font-style:italic;border-radius:0 8px 8px 0;position:relative}.article-content blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:3rem;color:var(--accent-primary);opacity:.3}.article-content img{margin:2rem 0;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px #0000004d;border:1px solid var(--border-color);transition:all var(--transition-base)}.article-content img:hover{box-shadow:0 0 30px var(--shadow-color);border-color:var(--accent-primary)}.article-content figure{margin:2.5rem 0;text-align:center}.article-content figcaption{margin-top:1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic;opacity:.8}.article-content table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:.9rem;background-color:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006;border:1px solid var(--border-color)}.article-content th{font-weight:600;text-align:left;padding:1rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;text-shadow:0 0 10px var(--accent-primary)}.article-content td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);background-color:var(--bg-secondary)}.article-content tr:hover,.article-content tr:hover td{background-color:#00ff4114}.article-content tr:last-child td{border-bottom:none}.article-content code:not(pre code){padding:.2em .4em;font-size:.875em;color:var(--accent-primary);background-color:#00ff411a;border-radius:3px;border:1px solid rgba(0,255,65,.2);font-weight:500}.article-content pre{margin:2rem 0;padding:2.5rem 1.5rem 1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.article-content pre code{display:block;overflow-x:auto;line-height:1.6;font-size:.875rem}.copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);z-index:1}.copy-button:hover{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.copy-button.copied{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.copy-button:active{transform:scale(.95)}.article-content hr{margin:3rem 0;border:none;height:1px;background:linear-gradient(to right,transparent,var(--accent-primary),transparent);position:relative}.article-content hr:after{content:"***";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-primary);color:var(--accent-primary);padding:0 1rem;font-size:1.25rem;letter-spacing:.5em}@media (max-width: 768px){.article-content h2{font-size:1.375rem}.article-content h3{font-size:1.125rem}}.article-content em{font-style:italic;color:var(--accent-secondary)}.article-content strong{font-weight:700;color:var(--text-primary)}.article-content>p:first-of-type:first-letter{font-size:3.5rem;font-weight:700;float:left;line-height:1;margin-right:.5rem;margin-top:-.1rem;color:var(--accent-primary);text-shadow:0 0 20px var(--accent-primary)}.article-content dl{margin:2rem 0}.article-content dt{font-weight:600;color:var(--accent-primary);margin-bottom:.5rem}.article-content dd{margin-left:2rem;margin-bottom:1rem;color:var(--text-secondary)}