.updated-screen{
  min-height: 100vh;
  padding: 28px 20px 90px;
  display: grid;
  place-items: center;
}

.updated-card{
  width: min(620px, 100%);
  padding: 26px;
  border-radius: 18px;
  background: var(--card2);
  border: 1px solid rgba(77,184,255,.22);
  box-shadow: var(--shadow);
}

.updated-icon{
  width:66px; height:66px; border-radius: 18px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(77,184,255,.20), rgba(53,255,155,.16));
  border: 1px solid rgba(77,184,255,.22);
  box-shadow: 0 0 70px rgba(77,184,255,.14);
  margin-bottom: 14px;
}
.updated-icon i{font-size: 28px; color: var(--accent2); text-shadow: 0 0 22px rgba(77,184,255,.45)}
.updated-title{font-weight: 1000; letter-spacing: 2.5px; font-size: 18px; line-height: 1.35; padding-top: 2px;}
.updated-sub{margin-top: 6px; color: rgba(215,251,233,.72); line-height: 1.35; padding-top: 1px;}

.updated-meta{display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px;}
.updated-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(92,255,188,.14);
  background: rgba(10,16,28,.30);
  color: rgba(215,251,233,.76);
  font-size: 13px;
  text-decoration: none;
}
.updated-chip i{color: var(--accent2)}
.updated-chip:hover{border-color: rgba(92,255,188,.22); background: rgba(10,16,28,.34)}

.updated-chip--cta{
  border-color: rgba(53,255,155,.30);
  background: linear-gradient(135deg, rgba(53,255,155,.18), rgba(77,184,255,.14));
  color: rgba(215,251,233,.96);
  box-shadow: 0 16px 35px rgba(0,0,0,.35);
}
.updated-chip--cta i{color: rgba(215,251,233,.96)}
.updated-chip--cta:hover{border-color: rgba(53,255,155,.55); background: rgba(53,255,155,.08); box-shadow: 0 16px 35px rgba(0,0,0,.35)}

@media (max-width: 520px){
  .updated-card{padding: 22px;}
  .updated-title{letter-spacing: 2px;}
}