.ua-hero{
  background: linear-gradient(180deg, #0c1b3a 0%, #0f2a58 100%);
  color:#fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
.ua-hero:after{
  content:"";
  position:absolute; inset:-80px -140px auto auto;
  width:340px; height:340px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%);
  transform: rotate(18deg);
}
.ua-badge{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius:999px;
  padding:.5rem .85rem;
}
.ua-card-lite{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}