.article-page{min-height:100vh;padding:5rem 0 3rem;background:linear-gradient(to bottom,#0a0e27 0,#0f1333 100%)}.article-container{max-width:800px;margin:0 auto;padding:0 2rem}.article-content{background:rgba(15,19,51,0.6);border:1px solid rgba(0,255,65,0.15);border-radius:12px;padding:3rem;backdrop-filter:blur(10px)}.table-container{overflow-x:auto}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,255,65,0.2)}.article-title{font-size:2.5rem;font-weight:700;color:#00ff41;line-height:1.2;margin:0 0 1rem 0}.article-meta{color:#a3e635;font-size:.95rem;display:flex;gap:.5rem;align-items:center}.article-body{color:#e5e7eb;font-size:1.125rem;line-height:1.8}.article-body h2{font-size:2rem;font-weight:700;color:#00ff41;margin:2.5rem 0 1.25rem 0;line-height:1.3}.article-body h3{font-size:1.5rem;font-weight:600;color:#a3e635;margin:2rem 0 1rem 0;line-height:1.4}.article-body h4{font-size:1.25rem;font-weight:600;color:#a3e635;margin:1.5rem 0 .75rem 0}.article-body p{margin:0 0 1.5rem 0;color:#e5e7eb}.article-body strong{color:#00ff41;font-weight:600}.article-body em{color:#a3e635;font-style:italic}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem;color:#e5e7eb}.article-body li{margin:.75rem 0;line-height:1.8}.article-body ul li{list-style-type:disc}.article-body ol li{list-style-type:decimal}.article-body li::marker{color:#00ff41}.article-body a{color:#00ff41;text-decoration:underline;transition:color .3s ease}.article-body a:hover{color:#a3e635}.article-body blockquote{margin:2rem 0;padding:1.5rem;background:rgba(0,255,65,0.05);border-left:4px solid #00ff41;border-radius:4px;font-style:italic;color:#a3e635}.article-body code{background:rgba(0,0,0,0.4);color:#00ff41;padding:.25rem .5rem;border-radius:4px;font-family:'Courier New',monospace;font-size:.9em}.article-body pre{background:rgba(0,0,0,0.6);border:1px solid rgba(0,255,65,0.3);border-radius:6px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.article-body pre code{background:0;padding:0}.article-body table{width:100%;margin:2rem 0;border-collapse:collapse;border:1px solid rgba(0,255,65,0.3);border-radius:8px;overflow:hidden}.article-body th,.article-body td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,255,65,0.2)}.article-body th{background:rgba(0,255,65,0.1);color:#00ff41;font-weight:600}.article-body tr:last-child td{border-bottom:0}.article-body tr:hover{background:rgba(0,255,65,0.05)}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;border:1px solid rgba(0,255,65,0.2)}.article-body hr{border:0;border-top:1px solid rgba(0,255,65,0.3);margin:2.5rem 0}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,255,65,0.2);display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.article-container{padding:0 1rem}.article-content{padding:2rem 1.5rem}.article-title{font-size:2rem}.article-body{font-size:1.05rem}.article-body h2{font-size:1.75rem}.article-body h3{font-size:1.35rem}.article-body h4{font-size:1.15rem}.article-body table{font-size:.9rem}.article-body th,.article-body td{padding:.75rem}.article-footer{flex-direction:column}.article-footer .btn{width:100%}}