/* 1. Prevent background scrolling when active */
    body.under-maintenance {
      overflow: hidden; 
    }

    /* 2. Dim and blur the expected background content */
    body.under-maintenance main {
      filter: blur(2px) brightness(75%);
      pointer-events: none; /* Blocks clicks on background links */
    }

    /* 3. The 75vw / 75vh Center-Screen Modal */
    .maintenance-modal {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Perfectly centers the box */
      width: 75vw;
      height: 75vh;
      background-color: #ffffff;
      z-index: 99999;
      
      /* Visual styling & Drop Shadow */
      border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6); 
      
      /* Layout inside the box */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: sans-serif;
      padding: 40px;
      box-sizing: border-box;
    }