.article{padding:10rem 0 4rem;min-height:100vh}.article-container{max-width:1200px;margin:0 auto;padding:0 2rem}.article-panel{background:var(--panel-bg);border:var(--panel-border);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(75,125,255,.15);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(75,125,255,.4);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(236,231,219,7%);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:var(--font-mono);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}@media(max-width:768px){.article-container{padding:0 1.5rem}.article-panel{padding:2rem 1.5rem;background:var(--accent-soft);border:1px solid rgba(75,125,255,.35)}.article h1{font-size:1.75rem}.article-content{font-size:1rem}.article-meta{font-size:.8rem;gap:1rem}}