.blog-page-hero{padding:120px 0 48px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.blog-page-hero-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.blog-page-hero-title{font-family:var(--sans);font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--text);margin-bottom:12px}.blog-page-hero-sub{font-size:15px;color:var(--muted)}.blog-active-filter{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 14px}.blog-active-filter a{color:var(--accent);text-decoration:none;font-size:16px;line-height:1}.blog-layout{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.blog-posts-grid{display:flex;flex-direction:column;gap:24px}.blog-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:rgba(78,205,196,.3);transform:translateY(-2px)}.blog-card-img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;transition:opacity .2s}.blog-card:hover .blog-card-img{opacity:.88}.blog-card-body{padding:24px 28px 28px}.blog-card-title{font-family:var(--sans);font-size:18px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:10px;text-decoration:none;display:block}.blog-card-title:hover{color:var(--accent)}.blog-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:14px}.blog-card-meta span{display:inline-flex;align-items:center;gap:4px}.blog-card-intro{font-size:14px;line-height:1.75;color:rgba(240,240,248,.65);margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-read-more{font-size:13px;font-weight:500;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .15s}.blog-card-read-more:hover{gap:9px;color:var(--accent)}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:background .15s,color .15s,border-color .15s}.blog-pagination a:hover{background:rgba(78,205,196,.08);border-color:var(--accent);color:var(--accent)}.blog-pagination .active a,.blog-pagination a.active{background:var(--accent);border-color:var(--accent);color:#080810}.blog-sidebar{position:sticky;top:88px}.blog-sidebar-widget{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:22px 24px;margin-bottom:20px}.blog-sidebar-widget-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.blog-latest-item{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}.blog-latest-item:last-child{margin-bottom:0}.blog-latest-thumb{width:60px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.blog-latest-info{flex:1;min-width:0}.blog-latest-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;text-decoration:none;display:block;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-latest-title:hover{color:var(--accent)}.blog-latest-date{font-size:11px;color:var(--muted)}.blogpost-layout{max-width:1100px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}@media (max-width:860px){.blogpost-layout{grid-template-columns:1fr}.blogpost-sidebar{order:2}}.blogpost-cover-wrap{margin:32px 0 0}.blogpost-cover-img{width:100%;border-radius:12px;display:block;border:1px solid rgba(255,255,255,.06);aspect-ratio:16/7;object-fit:cover}.blogpost-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:20px;transition:color .2s}.blogpost-back:hover{color:var(--accent)}.blogpost-main{padding-top:100px}.blogpost-title{font-family:var(--sans);font-size:clamp(22px,3.5vw,36px);font-weight:700;color:var(--text);line-height:1.3;margin-bottom:16px}.blogpost-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}.blogpost-meta a{color:var(--accent);text-decoration:none}.blogpost-meta a:hover{text-decoration:underline}.blogpost-meta-item{display:inline-flex;align-items:center;gap:5px}.blogpost-content{font-size:16px;line-height:1.85;color:rgba(240,240,248,.82)}.blogpost-content h1,.blogpost-content h2,.blogpost-content h3,.blogpost-content h4{font-family:var(--sans);color:var(--text);margin:32px 0 12px;line-height:1.3}.blogpost-content h2{font-size:22px}.blogpost-content h3{font-size:18px}.blogpost-content h4{font-size:16px}.blogpost-content p{margin-bottom:16px}.blogpost-content a{color:var(--accent);text-decoration:none}.blogpost-content a:hover{text-decoration:underline}.blogpost-content img{max-width:100%;border-radius:8px;margin:8px 0 16px;border:1px solid rgba(255,255,255,.06)}.blogpost-content ol,.blogpost-content ul{padding-left:22px;margin-bottom:16px}.blogpost-content li{margin-bottom:8px}.blogpost-content blockquote{border-left:3px solid var(--accent);padding:12px 20px;margin:20px 0;background:rgba(78,205,196,.04);border-radius:0 8px 8px 0;font-style:italic;color:rgba(240,240,248,.7)}.blogpost-content code{font-family:var(--mono);font-size:13px;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--accent)}.blogpost-content pre{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:18px 20px;overflow-x:auto;margin-bottom:20px}.blogpost-content pre code{background:0 0;padding:0;color:rgba(240,240,248,.85)}.blogpost-footer{margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}.blogpost-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.blogpost-tag{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;text-decoration:none;transition:color .15s,border-color .15s}.blogpost-tag:hover{color:var(--accent);border-color:var(--accent)}.blogpost-share-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.blogpost-like-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 14px;transition:color .15s,border-color .15s;margin-bottom:20px}.blogpost-like-btn:hover{color:#ff6b8a;border-color:#ff6b8a}.blogpost-author{display:flex;gap:20px;align-items:flex-start;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;margin-top:32px}.blogpost-author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.blogpost-author-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px;text-decoration:none;display:block}.blogpost-author-name:hover{color:var(--accent)}.blogpost-author-bio{font-size:13px;line-height:1.7;color:var(--muted)}.blogpost-author-bio p{margin-bottom:10px}.blogpost-author-bio p:last-child{margin-bottom:0}.blogpost-author-bio a{color:var(--accent);text-decoration:none}.blogpost-related{margin-top:40px}.blogpost-related-title{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.blogpost-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:600px){.blogpost-related-grid{grid-template-columns:1fr}}.blogpost-related-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .2s;display:block}.blogpost-related-card:hover{border-color:rgba(78,205,196,.3)}.blogpost-related-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.blogpost-related-info{padding:12px 14px 14px}.blogpost-related-post-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.45;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogpost-related-card:hover .blogpost-related-post-title{color:var(--accent)}.blogpost-related-date{font-size:11px;color:var(--muted)}.blog-page-footer{border-top:1px solid rgba(255,255,255,.06);padding:32px 24px;text-align:center;font-size:13px;color:var(--muted)}.blog-page-footer a{color:var(--accent);text-decoration:none}.blogpost-share-label{font-size:13px;color:var(--muted);margin-bottom:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.blogpost-share-btns{display:flex;flex-wrap:wrap;gap:10px}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;border:1px solid var(--border);line-height:1}.share-btn:hover{opacity:.85;transform:translateY(-1px);text-decoration:none}.share-btn svg{flex-shrink:0;width:16px;height:16px}.share-btn-facebook{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn-twitter{background:#000;color:#fff;border-color:#333}.share-btn-whatsapp{background:#25d366;color:#fff;border-color:#25d366}.share-btn-email{background:var(--surface);color:var(--text);border-color:var(--border)}