.blog-featured-peek{background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1.5px solid var(--border);border-bottom:none;overflow:hidden;box-shadow:0 -4px 32px rgba(10,15,30,.07);position:relative}
.bfp-badge{position:absolute;top:14px;left:14px;z-index:3;background:var(--indigo-deep);color:#fff;padding:4px 10px;border-radius:100px;font-size:.6rem;font-weight:800;letter-spacing:.1em}
.bfp-img-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#e8f0fe,#dbeafe 40%,#fff7ed);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative}
.bfp-img-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.1),transparent 60%)}
.bfp-body{padding:20px 22px 24px}
.bfp-cat{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;background:var(--indigo-dim);color:var(--indigo-deep);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.bfp-title{font-family:var(--font-h);font-size:1.05rem;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:8px}
.bfp-desc{font-size:.79rem;color:var(--text-3);line-height:1.65;margin-bottom:14px}
.bfp-foot{justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}
.bfp-author,.bfp-foot{display:flex;align-items:center}
.bfp-author{gap:8px}
.bfp-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--indigo-deep),var(--indigo))}
.bfp-author-name{font-size:.75rem;font-weight:600;color:var(--text-2)}
.bfp-date{font-size:.7rem;color:var(--text-4)}
.bfp-read{font-size:.72rem;font-weight:700;color:var(--indigo-deep);text-decoration:none;display:flex;align-items:center;gap:4px;transition:gap .2s var(--ease)}
.bfp-read:hover{gap:8px}
.blog-featured-wrap{margin-bottom:44px}
.blog-featured-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--radius-xl);border:1.5px solid var(--border);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;transition:all .35s var(--ease);min-height:300px}
.blog-featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--indigo)}
.bfc-img-wrap{position:relative;overflow:hidden;min-height:300px}
.bfc-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.blog-featured-card:hover .bfc-img-wrap img{transform:scale(1.05)}
.bfc-img-placeholder{width:100%;height:100%;min-height:300px;background:linear-gradient(135deg,#e8f0fe,#dbeafe 50%,#fff7ed);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative}
.bfc-img-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(59,130,246,.12),transparent 60%),radial-gradient(circle at 20% 80%,rgba(249,115,22,.09),transparent 50%)}
.bfc-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--indigo-deep);color:#fff;padding:5px 12px;border-radius:100px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 12px rgba(234,88,12,.4)}
.bfc-body{padding:32px 28px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.bfc-cat{display:inline-flex;padding:4px 12px;border-radius:100px;background:var(--teal-dim);color:var(--teal-deep);font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px;width:fit-content;text-decoration:none}
.bfc-title{font-family:var(--font-h);font-size:1.45rem;font-weight:600;color:var(--text);line-height:1.25;margin-bottom:12px;transition:color .2s}
.blog-featured-card:hover .bfc-title{color:var(--indigo-deep)}
.bfc-desc{font-size:.87rem;color:var(--text-3);line-height:1.75;margin-bottom:22px}
.bfc-meta{gap:10px;flex-wrap:wrap;font-size:.75rem;color:var(--text-4);padding-top:16px;border-top:1px solid var(--border)}
.bfc-author-av,.bfc-meta{display:flex;align-items:center}
.bfc-author-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--teal-deep),var(--teal))}
.bfc-author-name{font-weight:600;color:var(--text-2)}
.bfc-sep{color:var(--border-2)}
.bfc-read-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:100px;background:var(--indigo-dim);color:var(--indigo-deep);font-size:.74rem;font-weight:700;transition:all .25s var(--ease);white-space:nowrap}
.blog-featured-card:hover .bfc-read-btn{background:var(--indigo-deep);color:#fff}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--indigo)}
.blog-card:hover .bc-img-wrap img{transform:scale(1.06)}
.blog-card{will-change:transform;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);}
.blog-card:hover{transform:translate3d(0,-5px,0);border-color:var(--indigo);box-shadow:0 4px 12px rgba(10,15,30,.06);}
.blog-card:hover .bc-title{color:var(--indigo-deep)}
.blog-card:hover .bc-arrow{gap:8px}
.bc-img-wrap img{transition:transform .5s var(--ease);}
.bc-title{transition:color .2s;}
.bc-arrow{transition:gap .2s var(--ease);}
@keyframes cardIn{to{opacity:1;transform:none}}
.blog-card:first-child{animation-delay:.05s}
.blog-card:nth-child(2){animation-delay:.1s}
.blog-card:nth-child(3){animation-delay:.15s}
.blog-card:nth-child(4){animation-delay:.2s}
.blog-card:nth-child(5){animation-delay:.25s}
.blog-card:nth-child(6){animation-delay:.3s}
.blog-card:nth-child(7){animation-delay:.35s}
.blog-card:nth-child(8){animation-delay:.4s}
.blog-no-results{display:none;text-align:center;padding:56px 20px;background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border);margin-bottom:24px}
.blog-no-results.show{display:block}
.blog-no-results-icon{font-size:2.5rem;margin-bottom:12px}
.blog-no-results-title{font-family:var(--font-h);font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:6px}
.blog-no-results-sub{font-size:.84rem;color:var(--text-4)}
.blog-load-more{margin-top:24px;text-align:center;margin-bottom:24px;}
.blog-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 30px;border-radius:100px;border:1.5px solid var(--border);background:#fff;font-family:var(--font-b);font-size:.84rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .25s var(--ease);box-shadow:var(--shadow)}
.blog-load-more-btn:hover{border-color:var(--indigo);color:var(--indigo-deep);background:var(--indigo-pale);box-shadow:var(--shadow-md)}
.blog-load-more-btn.loading{opacity:.6;pointer-events:none}
.sw{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.sw-head{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg)}
.sw-head h3{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.sw-head-icon{font-size:.92rem}
.sw-body{padding:14px 18px}
.sw-post-link{text-decoration:none;display:block}
.sw-post{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border);transition:all .22s}
.sw-post:last-child{border-bottom:none;padding-bottom:0}
.sw-post-link:hover .sw-post-title{color:var(--indigo-deep)}
.sw-post-img{width:54px;height:50px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#e8f0fe,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:1.3rem;overflow:hidden}
.sw-post-body{flex:1}
.sw-post-cat{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo-deep);margin-bottom:3px}
.sw-post-title{font-size:.77rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:3px;transition:color .2s}
.sw-post-date{font-size:.65rem;color:var(--text-4)}
.sw-cats{display:flex;flex-direction:column}
.sw-cat{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .22s}
.sw-cat:last-child{border-bottom:none}
.sw-cat:hover .sw-cat-name{color:var(--indigo-deep)}
.sw-cat-left{display:flex;align-items:center;gap:9px}
.sw-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sw-cat-name{font-size:.82rem;font-weight:500;color:var(--text-2);transition:color .2s}
.sw-cat-badge{background:var(--bg-2);color:var(--text-4);padding:2px 7px;border-radius:100px;font-size:.64rem;font-weight:700}
.sw-tags{display:flex;flex-wrap:wrap;gap:7px}
.sw-tag{padding:5px 11px;border-radius:100px;background:var(--bg);border:1.5px solid var(--border);font-size:.71rem;font-weight:500;color:var(--text-3);cursor:pointer;transition:all .22s var(--ease)}
.sw-tag.active,.sw-tag:hover{background:var(--indigo-pale);border-color:rgba(249,115,22,.3);color:var(--indigo-deep)}
.sw-tag.active{font-weight:700}
.sw-newsletter{background:linear-gradient(135deg,var(--indigo-deep),var(--indigo));border-radius:var(--radius-lg);padding:22px 20px;text-align:center;position:relative;overflow:hidden}
.sw-newsletter:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:20px 20px}
.sw-newsletter-inner{position:relative;z-index:1}
.sw-newsletter-icon{font-size:1.8rem;margin-bottom:10px;display:block}
.sw-newsletter h4{font-family:var(--font-h);font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3}
.sw-newsletter p{font-size:.75rem;color:hsla(0,0%,100%,.75);line-height:1.6;margin-bottom:16px}
.sw-newsletter-form{display:flex;flex-direction:column;gap:8px}
.sw-newsletter-input{width:100%;padding:9px 13px;border-radius:8px;border:1.5px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.15);font-family:var(--font-b);font-size:.8rem;color:#fff;outline:none;transition:border-color .25s}
.sw-newsletter-input::placeholder{color:hsla(0,0%,100%,.6)}
.sw-newsletter-input:focus{border-color:hsla(0,0%,100%,.7)}
.sw-newsletter-btn{width:100%;padding:10px;border-radius:8px;background:#fff;color:var(--indigo-deep);border:none;cursor:pointer;font-family:var(--font-b);font-size:.8rem;font-weight:700;transition:all .25s var(--ease)}
.sw-newsletter-btn:hover{background:var(--indigo-pale);transform:translateY(-1px)}
.blog-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-content:start;}
@media(max-width:1024px){
  .blog-hero-inner{grid-template-columns:1fr;gap:40px}
  .blog-hero-right{max-width:480px}
  .blog-featured-peek{border-radius:var(--radius-xl);border-bottom:1.5px solid var(--border)}
  .blog-layout{grid-template-columns:1fr;gap:40px;align-items:start;}
  .blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .sw-newsletter{grid-column:span 2}
  .blog-featured-card{grid-template-columns:1fr}
  .bfc-img-placeholder,.bfc-img-wrap{min-height:240px}
}
@media(max-width:768px){
  .blog-sidebar{grid-template-columns:1fr}
  .sw-newsletter{grid-column:span 1}
  .blog-cards-grid{grid-template-columns:1fr;align-content:start;}
  .blog-hero-h{font-size:2.2rem}
  .blog-cat{padding:12px 10px;font-size:.72rem}
  .blog-search input{width:130px}
  .bfc-body{padding:22px 20px}
  .blog-layout{gap:20px;}
  .blog-main{padding:32px 0 24px;}
  .blog-load-more{margin-top:5px;}
}
@media(max-width:480px){
  .blog-hero{padding:40px 0 0}
  .blog-hero-h{font-size:1.9rem}
  .blog-hero-meta{gap:12px}
}