.blog-hero{padding:85px 0;background:linear-gradient(135deg,#eef6ff,#fff);border-bottom:1px solid var(--line)}
.blog-hero h1,.article-header h1{font-family:Rajdhani,sans-serif;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:700;line-height:1;color:var(--navy);margin:.8rem 0}.blog-hero p,.article-header p{color:var(--muted);font-size:1.02rem}.blog-search{display:flex;gap:10px;background:#fff;padding:10px;border-radius:14px;box-shadow:0 14px 40px rgba(17,55,100,.1)}.blog-search .form-control{border:0;box-shadow:none}
.featured-post{display:grid;grid-template-columns:1fr 1.15fr;height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 15px 40px rgba(17,55,100,.08)}.featured-visual,.blog-thumb,.article-cover{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#07183f,#1764bd);color:#fff;min-height:300px}.featured-visual i,.article-cover i{font-size:5rem}.featured-visual span,.blog-thumb span,.article-cover span{position:absolute;left:18px;top:18px;background:#fff;color:var(--brand);border-radius:99px;padding:5px 10px;font-size:.68rem;font-weight:900}.featured-content{padding:35px}.featured-content h2{font-size:1.7rem;font-weight:800;margin:15px 0}.featured-content h2 a,.blog-card h3 a{color:var(--navy)}.featured-content p,.blog-body p{color:var(--muted)}
.post-meta{display:flex;flex-wrap:wrap;gap:14px;color:#7a8799;font-size:.72rem}.read-more{font-size:.8rem;font-weight:800;color:var(--brand)}.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.sidebar-box h4{font-size:1.1rem;font-weight:800;margin-bottom:18px}.sidebar-box>a{display:flex;justify-content:space-between;color:var(--ink);padding:10px 0;border-bottom:1px solid #edf1f6;font-size:.85rem}.sidebar-box>a:last-child{border-bottom:0}.sidebar-box b{color:var(--brand)}
.blog-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(17,55,100,.06);transition:.25s}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(17,55,100,.12)}.blog-thumb{min-height:200px}.blog-thumb i{font-size:3rem}.thumb-blue{background:linear-gradient(135deg,#1764bd,#4c99e8)}.thumb-dark{background:linear-gradient(135deg,#07183f,#153f79)}.thumb-cyan{background:linear-gradient(135deg,#0f6f86,#41b9cc)}.thumb-navy{background:linear-gradient(135deg,#182c58,#335da5)}.blog-body{padding:24px}.blog-body h3{font-size:1.08rem;font-weight:800;line-height:1.45;margin:12px 0}.blog-body p{font-size:.86rem}.blog-pagination{display:flex;justify-content:center;gap:8px}.blog-pagination a{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:800}.blog-pagination a.active{background:var(--brand);color:#fff}.blog-pagination a.disabled{opacity:.45}
.article-header{padding:75px 0;background:linear-gradient(135deg,#eef6ff,#fff);text-align:center}.article-header-inner{max-width:900px;margin:auto}.breadcrumb-custom{display:flex;justify-content:center;gap:9px;font-size:.78rem;color:var(--muted)}.breadcrumb-custom a{color:var(--brand)}.article-category{display:inline-block;margin-top:25px;padding:6px 12px;background:#e8f3ff;color:var(--brand);border-radius:99px;font-size:.72rem;font-weight:900}.article-meta{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:.78rem}.article-meta b,.article-meta span{display:block}.author-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}.author-avatar.big{width:64px;height:64px;flex:0 0 64px}
.article-content{font-size:1rem;color:#445069}.article-cover{min-height:430px;border-radius:22px;margin-bottom:35px}.article-content h2{font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;color:var(--navy);margin:34px 0 12px}.article-content p{margin-bottom:18px}.article-content li{margin-bottom:10px}.article-content blockquote{border-left:4px solid var(--brand);background:#eef6ff;padding:22px 24px;border-radius:0 14px 14px 0;font-size:1.05rem;font-weight:600;color:var(--navy);margin:30px 0}.article-highlight{display:flex;gap:15px;background:#fff8e6;border:1px solid #f7df9b;border-radius:14px;padding:20px;margin:26px 0}.article-highlight i{color:#e6a200;font-size:1.3rem}.article-highlight p{margin:3px 0 0}.article-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:35px 0}.article-tags a{background:#edf4fb;color:var(--brand);border-radius:99px;padding:6px 11px;font-size:.75rem;font-weight:700}.author-box{display:flex;gap:18px;background:#f5f8fc;border-radius:16px;padding:25px}.author-box span{font-size:.72rem;color:var(--muted)}.author-box h4{font-weight:800;margin:2px 0}.author-box p{font-size:.84rem;margin:0}.article-sidebar{position:sticky;top:110px}.article-sidebar>*{margin-bottom:22px}.toc a{justify-content:flex-start!important}.sidebar-cta{padding:28px;border-radius:18px;background:linear-gradient(135deg,#1764bd,#0a3778);color:#fff;text-align:center}.sidebar-cta i{font-size:2.4rem}.sidebar-cta h4{font-weight:800;margin:16px 0 8px}.sidebar-cta p{font-size:.85rem;color:#d7e8fa}
@media(max-width:991px){.featured-post{grid-template-columns:1fr}.article-sidebar{position:static}.article-cover{min-height:320px}}@media(max-width:575px){.blog-hero,.article-header{padding:55px 0}.featured-content{padding:24px}.article-cover{min-height:240px}.author-box{flex-direction:column}}