.article{padding:10rem 0 4rem;min-height:100vh}.article-container{max-width:1200px;margin:0 auto;padding:0 2rem}.article-panel{background:linear-gradient(135deg,rgba(0,102,255,.1) 0%,rgba(0,212,255,.1) 100%);border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:3rem 4.5rem;margin-top:2rem;position:relative;overflow:hidden}.back-link{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;margin-bottom:3rem;font-size:1rem;transition:all .3s ease}.back-link:hover{color:var(--secondary);transform:translateX(-5px)}.article-header{margin-bottom:2rem}.article-meta{display:flex;gap:2rem;align-items:center;margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.article-category{background:rgba(0,212,255,.2);color:var(--secondary);padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.article h1{font-size:2rem;margin-bottom:1rem;font-weight:600;color:var(--text)}.article-content{color:var(--text-muted);line-height:1.6}.article-content p{margin-bottom:1.5rem;color:var(--text-muted)}.article-content h2{font-size:1.5rem;margin:2.5rem 0 1rem;color:var(--text);font-weight:600}.article-content h3{font-size:1.25rem;margin:2rem 0 1rem;color:var(--text);font-weight:600}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.75rem;line-height:1.6;color:var(--text-muted)}.article-content li strong{color:var(--text);font-weight:600}.article-content a{color:var(--secondary);text-decoration:none;border-bottom:1px solid rgba(0,212,255,.3);transition:all .3s ease}.article-content a:hover{color:var(--primary);border-bottom-color:var(--primary)}.article-content strong{color:var(--text);font-weight:600}.article-content hr{margin:2rem 0;border:none;border-top:1px solid rgba(255,255,255,.1)}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:rgba(0,102,255,.1);border-left:3px solid var(--primary);font-style:italic}.article-content code{background:rgba(255,255,255,.1);padding:.2rem .4rem;border-radius:3px;font-family:monospace;font-size:.9em}.article-content pre{background:rgba(0,0,0,.3);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:0 0;padding:0}[data-theme=light] .article-content{color:#1a1f3a}[data-theme=light] .article-content h2,[data-theme=light] .article-content h3,[data-theme=light] .article-content strong{color:#1a1f3a}[data-theme=light] .article-content p,[data-theme=light] .article-content li{color:#4b5563}[data-theme=light] .article-content hr{border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .article-content blockquote{background:rgba(0,82,204,5%)}[data-theme=light] .article-content code{background:rgba(0,0,0,5%);color:#1a1f3a}[data-theme=light] .article-content pre{background:rgba(0,0,0,5%);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .article-cta{background:linear-gradient(135deg,rgba(0,82,204,5%) 0%,rgba(0,153,204,5%) 100%);border:1px solid rgba(0,82,204,.2)}[data-theme=light] .article-cta p{color:#6b7280}@media(max-width:768px){.article-container{padding:0 1.5rem}.article-panel{padding:2rem 1.5rem}.article h1{font-size:1.75rem}.article-content{font-size:1rem}.article-meta{font-size:.8rem;gap:1rem}}