.news-page {
  color:#23304b;
  background:#f7faff;
}

.news-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(120deg,#061b45 0%,#0a4da8 62%,#1a7ae8 100%);
}

.news-hero::after {
  position:absolute;
  right:-8rem;
  bottom:-13rem;
  width:32rem;
  height:32rem;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 5rem rgba(255,255,255,.04),0 0 0 10rem rgba(255,255,255,.025);
}

.news-hero__inner {
  position:relative;
  z-index:1;
  display:flex;
  min-height:15rem;
  flex-direction:column;
  justify-content:center;
}

.news-hero p,
.news-placeholder>div>p:first-child {
  margin:0 0 .5rem;
  color:#83c7ff;
  font-family:Arial,sans-serif;
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.08em;
}

.news-hero h1 {
  margin:0 0 .7rem;
  font-size:clamp(2rem,3.2vw,2.9rem);
  line-height:1.15;
  letter-spacing:.06em;
}

.news-hero span {
  color:rgba(236,245,255,.84);
  font-size:clamp(.9rem,1.3vw,1.05rem);
}

.news-section {
  padding:clamp(2.75rem,5vw,4.5rem) 0;
}

.news-placeholder {
  display:grid;
  grid-template-columns:6rem minmax(0,1fr);
  align-items:center;
  width:min(100%,58rem);
  margin:auto;
  padding:clamp(2rem,5vw,4.5rem);
  border:1px solid #dbe8f8;
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0 1.2rem 3rem rgba(31,73,125,.08);
}

.news-placeholder>span {
  color:#1670ef;
  font-family:Arial,sans-serif;
  font-size:4rem;
  font-weight:700;
}

.news-placeholder h2 {
  margin:0 0 .85rem;
  font-size:clamp(1.75rem,3vw,2.5rem);
}

.news-placeholder>div>p:last-child {
  max-width:36rem;
  margin:0;
  color:#687791;
  line-height:1.8;
}

@media(max-width:600px) {
  .news-hero__inner { min-height:12rem; }
  .news-hero h1 { font-size:clamp(1.85rem,8.5vw,2.35rem); letter-spacing:.04em; }
  .news-placeholder { grid-template-columns:1fr; }
  .news-placeholder>span { margin-bottom:1rem; font-size:3rem; }
}