/* ===== NEWS PAGE ONLY (dark, consistent with home/product) ===== */

.news-page{padding:26px 0 80px}

.news-grid-layout{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:18px;
  align-items:start;
}

.news-feature{margin-top:16px}
.feature-card{
  position:relative;
  display:block;
  border-radius: 26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  min-height: 320px;
}
.feature-bg{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(.95) brightness(.78);
  transform:scale(1.02);
}
.feature-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.25) 55%, rgba(0,0,0,.05)),
    radial-gradient(700px 380px at 20% 40%, rgba(45,140,255,.16), transparent 65%);
}
.feature-content{
  position:relative;
  padding:22px;
  max-width: 760px;
}
.feature-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(45,140,255,.35);
  background: rgba(45,140,255,.12);
  color: rgba(255,255,255,.9);
  font-weight:900;
  font-size:12px;
}
.feature-title{
  margin:14px 0 10px;
  font-size:40px;
  line-height:1.1;
  letter-spacing:.2px;
  font-weight:900;
}
.feature-desc{
  margin:0;
  color: rgba(255,255,255,.75);
  font-size:14px;
  line-height:1.9;
}
.feature-meta{
  margin-top:12px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color: rgba(255,255,255,.72);
  font-size:12px;
}
.feature-meta i{color: rgba(45,140,255,.95); margin-right:6px}
.feature-actions{margin-top:16px}

/* Latest cards */
.section-news{padding-top:44px}
.news-cards{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:16px;
}
.news-card2{
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: 0 12px 35px rgba(0,0,0,.20);
  transition:.2s ease;
}
.news-card2:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.14)}
.news-thumb{display:block; position:relative; aspect-ratio: 16/10; overflow:hidden}
.news-thumb img{width:100%; height:100%; object-fit:cover; filter:saturate(.95) brightness(.92); transform:scale(1.01)}
.news-tag{
  position:absolute; left:12px; top:12px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background: rgba(45,140,255,.18);
  border:1px solid rgba(45,140,255,.35);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
}
.news-bd2{padding:14px 14px 16px}
.news-title2{margin:0 0 8px; font-size:16px; font-weight:900; line-height:1.35}
.news-title2 a:hover{filter:brightness(1.08)}
.news-desc2{margin:0; color:rgba(255,255,255,.62); font-size:13px; line-height:1.8}
.news-meta2{
  margin-top:10px;
  display:flex;
  gap:12px;
  color:rgba(255,255,255,.45);
  font-size:12px;
}
.news-meta2 i{color:rgba(45,140,255,.95); margin-right:6px}

/* Right side */
.news-right{position:sticky; top:92px; display:flex; flex-direction:column; gap:14px}
.side-card{
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding:14px;
  box-shadow: 0 16px 48px rgba(0,0,0,.22);
}
.side-hd{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.side-hd h3{margin:0; font-size:14px; font-weight:900}
.side-sub{color:rgba(255,255,255,.45); font-size:12px}

.side-list{display:flex; flex-direction:column; gap:10px}
.side-item{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  transition:.2s ease;
}
.side-item:hover{border-color:rgba(255,255,255,.12); background: rgba(255,255,255,.04)}
.side-thumb{
  width:56px; height:56px;
  border-radius: 16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  flex:0 0 auto;
}
.side-thumb img{width:100%; height:100%; object-fit:cover}
.side-info{min-width:0}
.side-title{
  font-weight:900;
  font-size:13px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.side-meta{
  margin-top:6px;
  color:rgba(255,255,255,.45);
  font-size:12px;
  display:flex;
  gap:8px;
  align-items:center;
}

/* Tags */
.tag-cloud{display:flex; flex-wrap:wrap; gap:10px}
.tag-pill{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color:rgba(255,255,255,.65);
  font-size:12px;
  font-weight:800;
}
.tag-pill:hover{color:rgba(255,255,255,.9); border-color:rgba(255,255,255,.14)}

/* Statement */
.section-statement{padding-top:0}
.statement-card{
  border-radius: 22px;
  border:1px solid rgba(45,140,255,.18);
  background: linear-gradient(90deg, rgba(45,140,255,.12), rgba(255,255,255,.02));
  padding:16px;
}
.statement-title{margin:0; font-size:16px; font-weight:900}
.statement-text{
  margin:10px 0 0;
  color:rgba(255,255,255,.68);
  line-height:1.9;
  font-size:13px;
}
.statement-list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.statement-list li{
  color:rgba(255,255,255,.72);
  font-size:13px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.statement-list i{color:rgba(45,140,255,.95); margin-top:2px}

/* Responsive */
@media (max-width: 1100px){
  .news-grid-layout{grid-template-columns: 1fr}
  .news-right{position:static}
}
@media (max-width: 980px){
  .news-cards{grid-template-columns: 1fr}
  .feature-title{font-size:32px}
}