.blog-hero{text-align:center;background-color:#000;padding:80px 0 60px;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(#ffffff08 0%,#0000 70%);position:absolute;inset:0}.blog-hero h1{font-family:var(--font-anta),sans-serif;color:#fff;letter-spacing:.02em;margin:0 0 16px;font-size:clamp(2.5rem,4vw + 1rem,4rem)}.blog-hero-breadcrumb{font-family:var(--font-poppins),sans-serif;color:#999;justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex}.blog-hero-breadcrumb a{color:#ccc;text-decoration:none;transition:color .2s}.blog-hero-breadcrumb a:hover{color:#fff}.blog-hero-breadcrumb .breadcrumb-arrow{color:#666;font-size:1.1rem}.blog-hero-breadcrumb .breadcrumb-current{color:#fff;font-weight:500}.blog-layout{grid-template-columns:280px 1fr;gap:40px;max-width:1400px;margin:0 auto;padding:60px 40px;display:grid}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr;padding:40px 20px}}.blog-sidebar{flex-direction:column;gap:32px;display:flex}.sidebar-section{background:#111;border:1px solid #222;border-radius:12px;padding:24px}.sidebar-section h3{font-family:var(--font-outfit),sans-serif;color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:600}.blog-search-wrapper{background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:0;transition:border-color .2s;display:flex;overflow:hidden}.blog-search-wrapper:focus-within{border-color:#fff}.blog-search-wrapper input{color:#fff;font-family:var(--font-poppins),sans-serif;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:.9rem}.blog-search-wrapper input::placeholder{color:#666}.blog-search-btn{cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.blog-search-btn:hover{background:#e0e0e0}.blog-search-btn svg{color:#000;width:18px;height:18px}.sidebar-category-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sidebar-category-item{cursor:pointer;font-family:var(--font-poppins),sans-serif;color:#aaa;border-bottom:1px solid #1e1e1e;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.88rem;transition:all .2s;display:flex}.sidebar-category-item:last-child{border-bottom:none}.sidebar-category-item:hover{color:#fff;background:#1a1a1a}.sidebar-category-item.active{color:#000;background:#fff;font-weight:500}.sidebar-category-item .category-arrow{opacity:.5;font-size:1.1rem;transition:opacity .2s,transform .2s}.sidebar-category-item:hover .category-arrow,.sidebar-category-item.active .category-arrow{opacity:1;transform:translate(3px)}.sidebar-contact{text-align:left;background:#fff;border-radius:12px;padding:28px 24px}.sidebar-contact-icon{background:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.sidebar-contact-icon svg{color:#fff;width:22px;height:22px}.sidebar-contact-label{font-family:var(--font-poppins),sans-serif;color:#666;margin-bottom:6px;font-size:.85rem}.sidebar-contact-number{font-family:var(--font-outfit),sans-serif;color:#000;font-size:1.4rem;font-weight:700;text-decoration:none;transition:opacity .2s}.sidebar-contact-number:hover{opacity:.7}.blog-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:28px;display:grid}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-grid-empty{text-align:center;color:#666;font-family:var(--font-poppins),sans-serif;grid-column:1/-1;padding:80px 20px}.blog-grid-empty p{margin-bottom:8px;font-size:1.1rem}.blog-grid-empty span{color:#444;font-size:.85rem}.blog-card{background:#111;border:1px solid #1e1e1e;border-radius:14px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{border-color:#333;transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.blog-card-image-wrapper{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.blog-card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-image-wrapper img{transform:scale(1.05)}.blog-card-date-badge{color:#000;text-align:center;background:#fff;border-top-left-radius:10px;padding:8px 14px;line-height:1;position:absolute;bottom:0;right:0}.blog-card-date-badge .date-day{font-family:var(--font-outfit),sans-serif;color:#000;font-size:1.4rem;font-weight:700;display:block}.blog-card-date-badge .date-month{font-family:var(--font-poppins),sans-serif;text-transform:uppercase;color:#000;margin-top:2px;font-size:.7rem;font-weight:600;display:block}.blog-card-date-badge .date-divider{background:#000;border-radius:1px;width:20px;height:2px;margin:4px auto 2px}.blog-card-body{padding:20px}.blog-card-author{font-family:var(--font-poppins),sans-serif;color:#888;align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;display:flex}.blog-card-author svg{color:#666;width:16px;height:16px}.blog-card-title{font-family:var(--font-outfit),sans-serif;color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-readmore{font-family:var(--font-poppins),sans-serif;color:#999;align-items:center;gap:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.blog-card-readmore:hover{color:#fff;gap:12px}.blog-card-readmore .readmore-icon{font-size:1.1rem;transition:transform .2s}.blog-card-readmore:hover .readmore-icon{transform:translate(2px)}.blog-detail{max-width:860px;margin:0 auto;padding:60px 40px 80px}@media (max-width:640px){.blog-detail{padding:40px 20px 60px}}.blog-detail-meta{font-family:var(--font-poppins),sans-serif;color:#888;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;font-size:.85rem;display:flex}.blog-detail-meta-item{align-items:center;gap:6px;display:flex}.blog-detail-meta-divider{background:#444;border-radius:50%;width:4px;height:4px}.blog-detail-category{color:#ccc;text-transform:capitalize;background:#222;border-radius:20px;padding:4px 12px;font-size:.78rem}.blog-detail h1{font-family:var(--font-anta),sans-serif;color:#fff;margin-bottom:32px;font-size:clamp(1.8rem,3vw + .5rem,2.8rem);line-height:1.3}.blog-detail-image{border-radius:16px;width:100%;margin-bottom:40px;overflow:hidden}.blog-detail-image img{width:100%;height:auto;display:block}.blog-detail-content{font-family:var(--font-poppins),sans-serif;color:#ccc;font-size:1.15rem;line-height:1.8}.blog-detail-content h2{font-family:var(--font-outfit),sans-serif;color:#fff;margin:40px 0 16px;font-size:1.6rem;font-weight:600}.blog-detail-content h3{font-family:var(--font-outfit),sans-serif;color:#fff;margin:32px 0 12px;font-size:1.3rem;font-weight:600}.blog-detail-content p{margin-bottom:20px}.blog-detail-content a{color:#fff;text-underline-offset:3px;text-decoration:underline}.blog-detail-content ul,.blog-detail-content ol{margin:16px 0 24px 24px}.blog-detail-content li{margin-bottom:8px}.blog-detail-content blockquote{color:#aaa;border-left:3px solid #fff;margin:24px 0;padding-left:20px;font-style:italic}.blog-detail-content img{border-radius:12px;max-width:100%;margin:24px 0}.blog-detail-content code{background:#1a1a1a;border-radius:4px;padding:2px 8px;font-size:.9em}.blog-detail-content pre{background:#111;border:1px solid #222;border-radius:10px;margin:24px 0;padding:20px;overflow-x:auto}.blog-detail-content pre code{background:0 0;padding:0}.blog-detail-tags{border-top:1px solid #222;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;display:flex}.blog-detail-tag{color:#aaa;font-family:var(--font-poppins),sans-serif;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;padding:6px 14px;font-size:.78rem;transition:all .2s}.blog-detail-tag:hover{color:#fff;background:#222;border-color:#444}.blog-detail-back{color:#888;font-family:var(--font-poppins),sans-serif;align-items:center;gap:8px;margin-bottom:32px;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.blog-detail-back:hover{color:#fff}@keyframes blog-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:.5s forwards blog-card-fade-in}.blog-card:nth-child(2){animation-delay:80ms}.blog-card:nth-child(3){animation-delay:.16s}.blog-card:nth-child(4){animation-delay:.24s}.blog-card:nth-child(5){animation-delay:.32s}.blog-card:nth-child(6){animation-delay:.4s}.blog-detail-layout{grid-template-columns:280px 1fr 320px;gap:40px;max-width:1440px;margin:0 auto;padding:60px 40px;display:grid}@media (max-width:1200px){.blog-detail-layout{grid-template-columns:280px 1fr}.blog-detail-right-sidebar{display:none}}@media (max-width:900px){.blog-detail-layout{grid-template-columns:1fr;padding:40px 20px}.blog-detail-left-sidebar{display:none}}.blog-detail-left-sidebar{height:max-content;position:sticky;top:100px}.blog-detail-main{background:#000;border-radius:12px}.blog-detail-right-sidebar{flex-direction:column;gap:32px;height:max-content;display:flex;position:sticky;top:100px}.recent-posts-widget{background:#111;border:1px solid #222;border-radius:12px;padding:24px}.recent-posts-widget h3{font-family:var(--font-outfit),sans-serif;color:#fff;border-bottom:1px solid #222;margin:0 0 20px;padding-bottom:12px;font-size:1.25rem;font-weight:600}.recent-post-item{gap:12px;margin-bottom:16px;text-decoration:none;display:flex}.recent-post-item:last-child{margin-bottom:0}.recent-post-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:60px}.recent-post-info{flex-direction:column;gap:4px;display:flex}.recent-post-title{font-family:var(--font-outfit),sans-serif;color:#ccc;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;font-weight:500;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.recent-post-item:hover .recent-post-title{color:#fff}.blog-slideshow-container{background:#111;border-radius:16px;width:100%;margin-bottom:40px;position:relative;overflow:hidden}.blog-slideshow-inner{transition:transform .5s ease-in-out;display:flex}.blog-slideshow-slide{flex-shrink:0;min-width:100%}.blog-slideshow-btn{cursor:pointer;color:#fff;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.blog-slideshow-btn:hover{background:#000c}.blog-slideshow-btn svg{width:24px;height:24px}.prev-btn{left:16px}.next-btn{right:16px}.blog-slideshow-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.blog-slideshow-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.blog-slideshow-dot.active{background:#fff;transform:scale(1.2)}