.article-hero{background-position:50%;background-size:cover;padding:250px 0 50px;position:relative}.article-hero:before{bottom:0;content:"";height:150px;left:0;position:absolute;right:0}.article-breadcrumb{align-items:center;display:flex;gap:8px;margin-bottom:1.5rem}.article-breadcrumb a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .3s ease}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb .separator{color:#fff6}.article-title{color:#fff;font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.article-meta{display:flex;flex-wrap:wrap;gap:24px}.article-meta-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:8px}.article-meta-item i{color:var(--primary-color)}.article-content-area{padding:60px 0}.article-content-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#1e2d50e6,#2d3c5fd9);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 15px 40px #0000004d;padding:40px}.article-content-card .content{color:#ffffffe6;font-size:1.05rem;line-height:1.8}.article-content-card h1,.article-content-card h2,.article-content-card h3,.article-content-card h4,.article-content-card h5,.article-content-card h6{color:#fff;margin-bottom:1rem;margin-top:2rem}.article-content-card p{color:#ffffffd9;margin-bottom:1.2rem}.article-content-card a{color:var(--primary-color);text-decoration:none}.article-content-card a:hover{text-decoration:underline}.article-content-card img{border-radius:12px;margin:1.5rem 0}.article-content-card blockquote{border-left:4px solid var(--primary-color);color:#fffc;font-style:italic;margin:1.5rem 0;padding-left:20px}.article-content-card ol,.article-content-card ul{color:#ffffffd9;padding-left:20px}.article-content-card li{margin-bottom:.5rem}.share-section{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem;text-align:center}.share-section h5{color:#fff;font-weight:600;margin-bottom:1.5rem}.share-buttons{gap:16px}.share-btn,.share-buttons{display:flex;justify-content:center}.share-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff!important;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.share-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.share-btn.facebook:hover{background:#1877f2;border-color:#1877f2}.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2}.share-btn.whatsapp:hover{background:#25d366;border-color:#25d366}.share-btn.linkedin:hover{background:#0077b5;border-color:#0077b5}.sidebar-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#1e2d50cc,#2d3c5fbf);border:1px solid #ffffff1f;border-radius:16px;padding:24px;position:sticky;top:100px}.sidebar-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.related-article{border-bottom:1px solid #ffffff14;display:flex;gap:16px;padding:16px 0;transition:all .3s ease}.related-article:last-child{border-bottom:none}.related-article:hover{transform:translateX(5px)}.related-article-image{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;height:60px;width:80px}.related-article-content h6{color:#fff;font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:8px}.related-article-content h6 a{color:#fff;text-decoration:none}.related-article-content h6 a:hover{color:var(--primary-color)}.sidebar-card .related-article-content .read-more{align-items:center;background:#ffffff1a!important;border:1px solid #fff3;border-radius:20px;color:#fff!important;display:inline-flex;font-size:.8rem!important;font-weight:600;gap:6px;letter-spacing:.3px;padding:5px 14px;text-decoration:none!important;transition:all .3s ease}.sidebar-card .related-article-content .read-more:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;border-color:#0000;box-shadow:0 4px 15px #0000004d;color:#fff!important;text-decoration:none!important;transform:translateX(4px)}.article-content-card h2{font-size:28px}@media(max-width:768px){.article-title{font-size:2rem}.article-content-card{padding:24px}.sidebar-card{margin-top:40px;position:static}.article-hero{padding:140px 0 60px}}