@font-face {
            font-family: "PulpCoFont";
            src: url('../fonts/pulp-co-font-bold.woff2') format('woff2'),
                url('../fonts/pulp-co-font-regular.woff2') format('woff');
            font-weight: normal;
            font-style: normal;
}
body, html {
            height: 100%;
            margin: 0;
            font-family: "PulpCoFont", sans-serif;
            font-size: 1rem;
            font-weight: normal;
            background-color: #0d0d0d;
            color: #e8e8f0;
}
.main {
            min-height: 100vh;
}

/* Truly center in viewport */
.main-content {
            min-height: 100vh;
            display: grid;
            place-content: center;
            justify-items: center;
            gap: 14px;

/* Reserve space so footer doesn’t overlap */
            padding: 20px;
            padding-bottom: 60px; /* match footer height */
}
.logo {
            position: absolute;
            top: 50%;
            left: 50%;
            width: var(--logo-w);
            height: var(--logo-h);
            transform: translate(-50%, -50%);
            display: block;
}
.footer {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;

            height: 60px;          /* fixed, stable */
            display: grid;
            place-items: center;

            padding: 0;            /* important: avoid changing height */
            font-size: 10px;
            color: #a5a7b0;
}
.footer p {
            margin: 0;
}