.article-hero{padding:160px 0 60px;position:relative}.article-meta-top{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.article-category{display:inline-flex;padding:6px 16px;border-radius:100px;font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--accent-2);background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.15)}.article-date,.article-read-time{font-size:.9rem;color:var(--text-muted)}.article-hero h1{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:24px;max-width:800px}.article-excerpt{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;max-width:700px;margin-bottom:32px}.article-hero-img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius);margin-top:40px;border:1px solid var(--border)}.article-content{max-width:780px;margin:0 auto;padding:60px 0 80px}.article-content h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-top:56px;margin-bottom:20px;line-height:1.2}.article-content h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin-top:40px;margin-bottom:16px;line-height:1.3}.article-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.9;margin-bottom:20px}.article-content ol,.article-content ul{margin:20px 0;padding-left:24px}.article-content li{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:10px;list-style:disc}.article-content ol li{list-style:decimal}.article-content strong{color:var(--text-primary);font-weight:600}.article-content blockquote{margin:32px 0;padding:24px 32px;border-left:4px solid var(--accent-1);background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.article-content blockquote p{margin-bottom:0;color:var(--text-primary)}.article-content code{font-family:var(--mono);font-size:.9em;padding:2px 8px;border-radius:6px;background:var(--bg-tertiary);color:var(--accent-1)}.article-content pre{margin:24px 0;padding:24px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);overflow-x:auto}.article-content pre code{padding:0;background:0 0;font-size:.88rem;line-height:1.7}.stat-highlight{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;margin:16px 0;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-display);font-size:1.1rem;font-weight:600}.stat-highlight .stat-num{font-size:1.4rem;font-weight:700}.article-cta{margin-top:60px;padding:48px;border-radius:var(--radius);background:var(--gradient-card);border:1px solid var(--border);text-align:center}.article-cta h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:12px}.article-cta p{color:var(--text-secondary);margin-bottom:24px}.article-cta .btn{display:inline-flex}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:24px;transition:color .3s ease}.back-link:hover{color:var(--accent-1)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.related-card{padding:24px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);transition:all .3s ease;display:block}.related-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.related-card h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:8px;line-height:1.4}.related-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}