body {
    position: relative;
    min-height: 100vh;
    margin: 0;
    background: radial-gradient(ellipse at top left, #ffffff, #c2e9fb);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  
/* Transparent overlay effect */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 10% 30%, rgba(255, 224, 204, 0.10), rgba(194, 233, 251, 0.12), rgba(255, 255, 255, 0.24));
    z-index: -1;
  }
  
.main-content:not(:has(*)) {
  display: none;
}