/* -------------------------------------------------
   Existing reset & body (unchanged)
------------------------------------------------- */
* { margin:0; padding:0; box-sizing:border-box; }
body { background:#000; }

/* -------------------------------------------------
   Fixed matrix canvas (unchanged)
------------------------------------------------- */
#c {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    z-index:-1;
    pointer-events:none;
    background:#000;
}




/* -------------------------------------------------
   Overlay (iframe) – keep centered on screen
------------------------------------------------- */
.overlay {
    position:absolute;       /* now relative to .overlay-wrapper */
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:800px; height:600px;
    border:none;
    z-index:10;              /* stays on top of everything else */
    pointer-events:auto;    /* allow interaction */
}

h3 {
    font-weight: bold;
    color: #FFFAF0;
    font-size: 2em;
}