body{font-family:'Sora',sans-serif;background:#f8f9fa}.custom-header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.3)}.navbar-brand img{width:80px}.navbar-nav .nav-link{color:rgba(255,255,255,0.9)!important;font-weight:500;margin:0 8px;transition:color 0.3s}.navbar-nav .nav-link:hover{color:#f0b429!important}.navbar-toggler{border-color:rgba(255,255,255,0.3)}.navbar-toggler-icon{filter:invert(1)}.breadcrumb-hero{background:linear-gradient(135deg,#1a1a2e 0%,#2d3561 100%);padding:60px 0;position:relative;overflow:hidden}.breadcrumb-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(240,180,41,0.1) 0%,transparent 60%)}.breadcrumb-hero h1{font-size:2rem;font-weight:700;color:white;margin-bottom:0.5rem;line-height:1.3}.breadcrumb-hero .breadcrumb-item a{color:rgba(255,255,255,0.7);text-decoration:none}.breadcrumb-hero .breadcrumb-item.active{color:#f0b429}.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,0.5)}.blog-card{background:white;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,0.08);overflow:hidden}.blog-featured-img{width:100%;max-height:420px;object-fit:cover;display:block}.blog-content-body{padding:2.5rem}.blog-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee;font-size:0.9rem;color:#666}.blog-meta span i{margin-right:6px;color:#f0b429}.blog-main-title{font-size:1.8rem;font-weight:700;color:#1a1a2e;margin-bottom:1.5rem;line-height:1.4}.blog-excerpt{font-size:1.1rem;color:#555;border-left:4px solid #f0b429;padding-left:1.5rem;margin-bottom:2rem;font-style:italic;line-height:1.7}.blog-body{font-size:1rem;color:#444;line-height:1.9}.blog-body img{max-width:100%;border-radius:8px;margin:1rem 0}.blog-body h2,.blog-body h3{color:#1a1a2e;margin-top:2rem;margin-bottom:1rem}.tags-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.tag-badge{display:inline-block;background:#f0f4ff;color:#3b5bdb;padding:4px 12px;border-radius:20px;font-size:0.8rem;margin:3px;border:1px solid #c5d0ff;text-decoration:none;transition:all 0.3s}.tag-badge:hover{background:#3b5bdb;color:white}.share-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;font-size:0.875rem;font-weight:600;text-decoration:none;transition:all 0.3s;margin:4px}.share-fb{background:#1877f2;color:white}.share-fb:hover{background:#1465d8;color:white}.share-tw{background:#1da1f2;color:white}.share-tw:hover{background:#0c8de0;color:white}.share-wa{background:#25d366;color:white}.share-wa:hover{background:#1bb655;color:white}.sidebar-card{background:white;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,0.06);padding:1.5rem;margin-bottom:1.5rem}.sidebar-title{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:3px solid #f0b429;display:inline-block}.recent-post-item{display:flex;gap:12px;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.recent-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recent-post-img{width:70px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0}.recent-post-content h6 a{font-size:0.875rem;font-weight:600;color:#333;text-decoration:none;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-post-content h6 a:hover{color:#f0b429}.recent-post-date{font-size:0.75rem;color:#999}.related-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:transform 0.3s;height:100%}.related-card:hover{transform:translateY(-4px)}.related-card img{width:100%;height:160px;object-fit:cover}.related-card-body{padding:1rem}.related-card-body h6 a{color:#333;text-decoration:none;font-weight:600;font-size:0.9rem}.related-card-body h6 a:hover{color:#f0b429}.custom-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:white;padding:3rem 0 1.5rem;margin-top:4rem}.custom-footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}.custom-footer a:hover{color:#f0b429}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:2rem;padding-top:1.5rem;text-align:center;font-size:0.875rem;color:rgba(255,255,255,0.5)}