.neu-blog-wrap{ --neu-lime:#DCF763; --neu-dark:#1A1D2E; --neu-dark2:#252A3D; --neu-text:#0D0D0D; --neu-gray:#6B7280; --neu-border:#E5E7EB; font-family:"Open Sans", sans-serif; color:var(--neu-text); }
  .neu-blog-wrap *{box-sizing:border-box;}
  .neu-blog-wrap h1,.neu-blog-wrap h2,.neu-blog-wrap h3{ font-family:"Montserrat", sans-serif; font-weight:900; line-height:1.1; margin:0; }
  .neu-blog-wrap a,
  .neu-blog-wrap a:visited{text-decoration:none;}

  .neu-blog-hero{
    background:var(--c-dark);
    padding:70px 24px 60px; text-align:center; position:relative; overflow:hidden;
  }
  .neu-blog-hero::before{
    content:""; position:absolute; inset:0;
    background-image:radial-gradient(circle, rgba(220,247,99,0.15) 1px, transparent 1px);
    background-size:26px 26px; opacity:.5;
  }
  .neu-blog-badge{
    display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15); color:#fff; font-size:13px; font-weight:700;
    letter-spacing:.04em; padding:8px 18px; border-radius:30px; margin-bottom:22px; position:relative; z-index:1;
  }
  .neu-blog-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--neu-lime);display:inline-block;}
  .neu-blog-hero h1{ color:#fff; font-size:48px; position:relative; z-index:1; }
  .neu-blog-hero h1 span{color:var(--neu-lime);}
  .neu-blog-hero p{ color:#C9CDD6; font-size:18px; max-width:600px; margin:18px auto 0; position:relative; z-index:1; }
  @media (max-width:640px){ .neu-blog-hero h1{font-size:32px;} }

  .neu-blog-container{ max-width:1180px; margin:0 auto; padding:60px 24px 90px; }

  .neu-blog-filters{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:48px; }
  .neu-blog-filter{
    padding:9px 20px; border-radius:20px; font-size:14px; font-weight:600;
    border:1px solid var(--neu-border); color:var(--neu-gray); background:#fff; cursor:pointer; transition:all .2s ease;
  }
  .neu-blog-filter.active, .neu-blog-filter:hover{ background:var(--neu-dark); color:#fff; border-color:var(--neu-dark); }

  .neu-blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
  @media (max-width:980px){ .neu-blog-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:640px){ .neu-blog-grid{grid-template-columns:1fr;} }

  .neu-blog-card{
    background:#fff; border:1px solid var(--neu-border); border-radius:16px; overflow:hidden;
    display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
  }
  .neu-blog-card:hover{ transform:translateY(-6px); box-shadow:0 16px 32px rgba(0,0,0,0.10); }
  .neu-blog-card-img{ width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:var(--neu-dark2); }
  .neu-blog-card-body{ padding:22px 22px 26px; display:flex; flex-direction:column; flex:1; }
  .neu-blog-tag{
    display:inline-block; background:var(--neu-lime); color:#0D0D0D; font-size:11px; font-weight:800;
    letter-spacing:.03em; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:14px; width:fit-content;
  }
  .neu-blog-card h3{ font-size:19px; margin-bottom:10px; }
  .neu-blog-card p{ font-size:14.5px; color:var(--neu-gray); line-height:1.55; margin:0 0 18px; flex:1; }
  .neu-blog-card-meta{
    display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:#9AA0AE;
    border-top:1px solid var(--neu-border); padding-top:14px;
  }
  .neu-blog-card-link{ display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:var(--neu-dark); margin-top:16px; }
  .neu-blog-card-link::after{content:"→"; transition:transform .2s ease;}
  .neu-blog-card:hover .neu-blog-card-link::after{transform:translateX(4px);}

  .neu-blog-featured{
    display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center;
    background:var(--c-dark); border-radius:20px; overflow:hidden; margin-bottom:56px;
  }
  @media (max-width:860px){ .neu-blog-featured{grid-template-columns:1fr;} }
  .neu-blog-featured img{width:100%; height:100%; object-fit:cover; display:block; min-height:280px;}
  .neu-blog-featured-body{padding:40px 40px 40px 8px;}
  @media (max-width:860px){ .neu-blog-featured-body{padding:32px;} }
  .neu-blog-featured h2{color:#fff; font-size:28px; margin-bottom:14px;}
  .neu-blog-featured p{color:#C9CDD6; font-size:15px; line-height:1.6; margin-bottom:22px;}
  .neu-btn-lime,
  .neu-btn-lime:visited{
    display:inline-block; background:var(--neu-lime); color:#0D0D0D; font-weight:700; font-size:14px;
    padding:12px 26px; border-radius:18px; border:none; cursor:pointer;
  }