.article-page .container{color:#2c3e50;max-width:800px;margin:0 auto;padding:0 20px;font-family:Georgia,Times New Roman,serif;line-height:1.7}.breadcrumb{color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;margin:20px 0 30px;padding:12px 20px;font-size:14px;box-shadow:0 2px 4px #0000001a}.breadcrumb a{color:#3498db;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#2980b9}.breadcrumb-separator{color:#adb5bd;margin:0 8px}.breadcrumb-current{color:#495057;font-weight:600}.article-full{background:#fff;border-radius:12px;margin-bottom:40px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.article-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;padding:40px 40px 30px}.article-meta-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3498db4d}.publish-date{color:#7f8c8d;font-size:14px;font-style:italic}.article-title-full{color:#2c3e50;text-shadow:0 1px 2px #0000001a;margin:0 0 15px;font-size:2.5rem;font-weight:700;line-height:1.3}.article-author{color:#7f8c8d;margin-top:10px;font-size:16px}.article-author strong{color:#34495e}.article-hero-image{margin:0;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:400px;transition:transform .3s}.article-hero-image:hover .hero-image{transform:scale(1.02)}.image-caption{color:#fff;background:linear-gradient(#0000,#000000b3);padding:20px 30px 15px;font-size:14px;font-style:italic;position:absolute;bottom:0;left:0;right:0}.article-content-full{padding:40px;font-size:18px;line-height:1.8}.article-content-full h2{color:#2c3e50;margin:40px 0 20px;padding-bottom:10px;font-size:1.8rem;font-weight:600;position:relative}.article-content-full h2:after{content:"";background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.article-content-full h3{color:#34495e;margin:30px 0 15px;font-size:1.4rem;font-weight:600}.article-content-full p{text-align:justify;margin-bottom:20px}.article-content-full a{color:#3498db;border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}.article-content-full a:hover{color:#2980b9;border-bottom-color:#3498db}.article-content-full img{border-radius:8px;max-width:100%;height:auto;margin:30px 0;box-shadow:0 8px 25px #0000001a}.article-content-full blockquote{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #3498db;border-radius:0 8px 8px 0;margin:30px 0;padding:20px 30px;font-style:italic;box-shadow:0 4px 15px #0000000d}.article-content-full ul,.article-content-full ol{margin:20px 0;padding-left:30px}.article-content-full li{margin-bottom:8px}.article-footer-full{background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:30px 40px;display:flex}.article-tags{align-items:center;gap:10px;display:flex}.tags-label{color:#6c757d;font-size:14px;font-weight:600}.tag-link{color:#fff;background:#3498db;border-radius:15px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.tag-link:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.article-date{color:#7f8c8d;font-size:13px}.related-articles{background:#fff;border-radius:12px;margin:50px 0;padding:30px;box-shadow:0 8px 25px #0000001a}.related-title{color:#2c3e50;text-align:center;margin-bottom:25px;padding-bottom:15px;font-size:1.6rem;font-weight:600;position:relative}.related-title:after{content:"";background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;width:80px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.related-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 6px 20px #0000001a}.related-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.related-image{height:160px;overflow:hidden}.related-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-card:hover .related-image img{transform:scale(1.05)}.related-content{padding:20px}.related-content h4{margin:0 0 10px;font-size:1rem;line-height:1.4}.related-content h4 a{color:#2c3e50;text-decoration:none;transition:color .3s}.related-content h4 a:hover{color:#3498db}.related-content time{color:#7f8c8d;font-size:13px}.article-navigation{flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0;display:flex}.btn{border-radius:25px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline{color:#3498db;background:0 0;border:2px solid #3498db}.btn-outline:hover{color:#fff;background:#3498db;transform:translateY(-2px);box-shadow:0 6px 20px #3498db4d}.btn:not(.btn-outline){color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none;box-shadow:0 4px 15px #3498db4d}.btn:not(.btn-outline):hover{background:linear-gradient(135deg,#2980b9,#1c5985);transform:translateY(-2px);box-shadow:0 6px 25px #3498db66}.comments-section{background:#fff;border-radius:12px;margin:40px 0;padding:40px;box-shadow:0 8px 25px #0000001a}.comments-section h3{color:#2c3e50;border-bottom:3px solid #3498db;margin-bottom:25px;padding-bottom:15px;font-size:1.5rem;font-weight:600}@media (width<=768px){.container{padding:0 15px}.article-title-full{font-size:2rem}.article-header{padding:25px 25px 20px}.article-content-full{padding:25px;font-size:16px}.article-footer-full{flex-direction:column;align-items:flex-start;padding:20px 25px}.article-meta-top{flex-direction:column;align-items:flex-start;gap:10px}.hero-image{height:250px}.related-grid{grid-template-columns:1fr}.article-navigation{flex-direction:column;align-items:center}.related-articles{padding:20px}.comments-section{padding:25px}}@media (width<=480px){.article-title-full{font-size:1.6rem}.article-header,.article-content-full{padding:20px}.breadcrumb{padding:10px 15px;font-size:13px}.category-tag{padding:6px 12px;font-size:11px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-full{animation:.6s ease-out fadeInUp}.related-articles{animation:.6s ease-out .2s both fadeInUp}.article-content-full{hyphens:auto;word-break:break-word}.article-content-full p:first-of-type{color:#34495e;font-size:1.1em;font-weight:500}.btn:focus,.tag-link:focus,a:focus{outline-offset:2px;outline:2px solid #3498db}.figure-article{margin:40px 0}.figure-article img{border-radius:8px;width:100%;height:auto;display:block}.figure-article figcaption{color:#7f8c8d;text-align:center;margin-top:10px;font-size:15px;font-style:italic;line-height:1.5}.article-content-full .figure-article figcaption{font-size:15px;font-weight:400}@media (width<=600px){.figure-article{margin:30px 0}.figure-article figcaption{font-size:14px}}