:root{--brand-primary:var(--primary,#10b981);--brand-dark:var(--text-dark,#1e293b);--brand-light:var(--light-bg,#ecfdf5);--text-muted:var(--text-muted,#64748b);--border-color:var(--border,#e2e8f0);--white-color:var(--white,#fff)}.page-hero-banner{background:linear-gradient(135deg, #0f172a 0%, #1e293b 60%, var(--brand-primary) 100%);color:#fff;margin-bottom:40px;padding:60px 0;position:relative;overflow:hidden}.page-hero-banner .overlay{z-index:1;background:#0f172abf;width:100%;height:100%;position:absolute;top:0;left:0}.page-hero-banner .container{z-index:2;position:relative}.blog-detail-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:12px;padding:25px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.blog-main-img{object-fit:cover;border-radius:8px;width:100%;max-height:450px;margin-bottom:25px}.blog-meta{color:var(--text-muted);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:20px;margin-bottom:15px;padding-bottom:12px;font-size:14px;display:flex}.blog-meta i{color:var(--brand-primary)}.btn-theme-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.btn-theme-primary:hover{background-color:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.comments-section{margin-top:40px}.comment-item{background:var(--brand-light);border:1px solid var(--border-color);border-radius:8px;gap:15px;margin-bottom:15px;padding:15px;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:50px;height:50px}.sidebar-widget{background:var(--white-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 4px 15px #0000000a}.recent-post-item{align-items:center;gap:12px;margin-bottom:15px;display:flex}.recent-post-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:65px;height:65px}.blog-description{overflow-wrap:anywhere}.blog-description img{max-width:100%;height:auto}.blog-description iframe{max-width:100%}@media (max-width:767px){.page-hero-banner{padding:35px 0}.blog-detail-card{padding:16px}.blog-meta{gap:10px 15px}}