html,body{
  margin:0;
  width:100%;
  min-height:100%;
  background:#030303;
  overflow:hidden;
}

.dw-public-surface{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center,rgba(216,165,68,.10),transparent 58%),
    linear-gradient(180deg,#020202,#070503);
}

.dw-hero-widget{
  position:relative;
  width:min(100vw,177.78vh);
  height:min(56.25vw,100vh);
  filter:drop-shadow(0 0 34px rgba(216,165,68,.22));
}

.dw-hero-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.dw-join-widget{
  position:absolute;
  left:35%;
  width:30%;
  bottom:0;
  height:18%;
  cursor:pointer;
  border-radius:999px;
}

.dw-join-widget:hover{
  background:radial-gradient(ellipse at center,rgba(216,165,68,.24),transparent 70%);
}