/* Full-screen background */
body {
  margin: 0;
  padding: 0;
  background: url("https://i.postimg.cc/jS2b1SSP/dark_frutiger_aero_v0_vkz0enyiaxgd1.png")
              no-repeat center center fixed;
  background-size: cover;
  background-color: #000;
  color: white;
  font-family: Arial, sans-serif;
}

/* Glass-bordered panel (Aero-style) */
.overlay {
  width: 80%;
  max-width: 900px;
  margin: 50px auto;
  padding: 25px 35px;

  /* Solid interior */
  background: rgba(20, 20, 30, 0.9);

  /* Shape */
  border-radius: 14px;
  position: relative;

  /* Depth */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  color: white;
}

/* Glass edge effect */
.overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events: none;

  /* Glass border */
  border: 2px solid rgba(255, 255, 255, 0.25);

  /* Blurred glass effect */
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}