.article-container{max-width:800px;margin:0 auto;padding:20px 20px 60px;position:relative;z-index:1}.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b;text-decoration:none;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.5);border:1px solid rgba(212,175,55,.1);transition:all .2s;margin-bottom:24px}.back-btn:hover{color:var(--accent);border-color:var(--accent);background:rgba(212,175,55,.05)}.page-wrapper.dark .back-btn{background:rgba(255,255,255,.05);color:#94a3b8}.page-wrapper.dark .back-btn:hover{color:var(--accent)}.article-header{text-align:center;margin-bottom:32px}.article-category{display:inline-block;font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;padding:6px 14px;background:rgba(212,175,55,.1);border-radius:20px;text-decoration:none}.article-category:hover{background:rgba(212,175,55,.2)}.article-title{font-size:32px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:16px}.page-wrapper.dark .article-title{color:var(--text-dark)}.article-meta{display:flex;justify-content:center;align-items:center;gap:16px;font-size:13px;color:#718096;flex-wrap:wrap}.page-wrapper.dark .article-meta{color:#a0aec0}.article-meta-item{display:flex;align-items:center;gap:5px}.article-featured-image{width:100%;max-height:400px;object-fit:cover;border-radius:16px;margin-bottom:32px;border:1px solid rgba(212,175,55,.1)}.article-featured-placeholder{width:100%;height:250px;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border-radius:16px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;font-size:60px;border:1px solid rgba(212,175,55,.1)}.article-content{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(212,175,55,.1)}.page-wrapper.dark .article-content{background:rgba(255,255,255,.05)}.article-content h2{font-size:24px;font-weight:700;color:var(--text);margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(212,175,55,.2)}.page-wrapper.dark .article-content h2{color:var(--text-dark)}.article-content h3{font-size:20px;font-weight:600;color:var(--text);margin:24px 0 12px}.page-wrapper.dark .article-content h3{color:var(--text-dark)}.article-content p{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:18px}.page-wrapper.dark .article-content p{color:#cbd5e0}.article-content ul,.article-content ol{margin:16px 0 24px 24px}.article-content li{font-size:15px;line-height:1.7;color:#4a5568;margin-bottom:8px}.page-wrapper.dark .article-content li{color:#cbd5e0}.article-content blockquote{margin:24px 0;padding:20px 24px;background:rgba(212,175,55,.08);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;font-style:italic;color:#5a6a7a}.page-wrapper.dark .article-content blockquote{background:rgba(212,175,55,.1);color:#a0aec0}.article-content a{color:#1a6b3c;text-decoration:underline;border-bottom:none;transition:color .2s}.article-content a:hover{color:#145530}.page-wrapper.dark .article-content a{color:#68d391}.page-wrapper.dark .article-content a:hover{color:#9ae6b4}.article-content img{max-width:100%;height:auto;border-radius:12px;margin:20px 0}.share-section{margin-top:40px;padding-top:24px;border-top:1px solid rgba(212,175,55,.15);text-align:center}.share-title{font-size:14px;color:#718096;margin-bottom:12px}.page-wrapper.dark .share-title{color:#a0aec0}.share-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;border:1px solid rgba(212,175,55,.2);cursor:pointer;background:0 0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.share-btn.twitter{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn.facebook{background:#4267b2;color:#fff;border-color:#4267b2}.share-btn.whatsapp{background:#25d366;color:#fff;border-color:#25d366}.share-btn.copy{background:rgba(255,255,255,.8);color:#64748b}.page-wrapper.dark .share-btn.copy{background:rgba(255,255,255,.1);color:#a0aec0}.related-section{margin-top:50px}.related-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:20px;text-align:center}.page-wrapper.dark .related-title{color:var(--text-dark)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.related-card{background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(212,175,55,.1);text-decoration:none;transition:all .2s}.related-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.3);box-shadow:0 8px 20px rgba(0,0,0,.08)}.page-wrapper.dark .related-card{background:rgba(255,255,255,.05)}.related-card-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:6px}.page-wrapper.dark .related-card-title{color:var(--text-dark)}.related-card-date{font-size:11px;color:#a0aec0}@media (max-width:600px){.article-title{font-size:24px}.article-content{padding:24px}.article-meta{flex-direction:column;gap:8px}.share-buttons{flex-direction:column}.share-btn{justify-content:center}.related-grid{grid-template-columns:1fr}}