.article-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.article-hero:before{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.article-hero-content{position:relative;z-index:1}.article-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;position:relative;z-index:10}.article-subtitle{font-size:1.25rem;line-height:1.6;margin:0 auto 2rem;max-width:800px;opacity:.9}.article-meta{flex-wrap:wrap;gap:2rem;justify-content:center}.article-meta,.meta-item{align-items:center;display:flex}.meta-item{font-size:.95rem;gap:.5rem;opacity:.9}.meta-item i{font-size:1rem}.article-content{background:#fff;padding:4rem 0}.content-wrapper{margin:0 auto;max-width:800px;padding:0 1rem}.article-body{color:#2c3e50;font-size:1.125rem;line-height:1.8}.article-body h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:3rem 0 1.5rem}.article-body h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:2.5rem 0 1rem}.article-body p{margin-bottom:1.5rem}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{background:#f8f9fa;border-left:4px solid #667eea;color:#495057;font-size:1.1rem;font-style:italic;margin:2rem 0;padding:1.5rem}.article-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:3rem 0}.footer-content{margin:0 auto;max-width:800px;padding:0 1rem}.author-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);gap:1.5rem;margin-bottom:2rem;padding:2rem}.author-avatar,.author-section{align-items:center;display:flex}.author-avatar{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.author-info h4{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.author-info p{color:#6c757d;margin:0}.share-section{text-align:center}.share-title{color:#2c3e50;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.share-buttons{gap:1rem}.share-btn,.share-buttons{display:flex;justify-content:center}.share-btn{align-items:center;border-radius:50%;color:#fff;height:40px;text-decoration:none;transition:transform .2s ease;width:40px}.share-btn:hover{color:#fff;transform:scale(1.1)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0077b5}.back-link{align-items:center;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:opacity .2s ease}.back-link:hover{color:#fff;opacity:.8}@media (max-width:768px){.article-hero{padding:6rem 0 3rem}.article-title{font-size:2rem}.article-subtitle{font-size:1rem}.article-meta{flex-direction:column;gap:1rem}.article-content{padding:2rem 0}.article-body{font-size:1rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.author-section{flex-direction:column;text-align:center}.share-buttons{flex-wrap:wrap}}