/* === PCB PATTERN LAYER (VISIBLE, CRISP) =================================== */
/* PLACE THE TILE BEFORE VIGNETTE; KEEP IT SUBTLE BUT NOT INVISIBLE */
#bgfx {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(1200px 600px at 0% -10%, rgba(103,232,249,.06), transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(167,139,250,.06), transparent 60%), #0c0f14;
}

    /* TILE BEFORE VIGNETTE */
    #bgfx::before {
        content: "";
        position: absolute;
        inset: 0;
        /* IMPORTANT: RELATIVE PATH FROM /wwwroot/css/site.css → /wwwroot/img/ */
        background-image: url("../img/cover.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .15; /* MORE VISIBLE; TUNE .16–.24 */
    }

    /* VIGNETTE AFTER (A BIT LIGHTER TO NOT KILL THE PATTERN) */
    #bgfx::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(120% 120% at 50% 10%, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.38) 100%);
    }

/* MOBILE: SLIGHTLY DIMMER TO AVOID NOISE */
@media (max-width: 640px) {
    #bgfx::before {
        opacity: .26;
    }
}