/* --- THE VOID-ZONE FOOTER (SPICED UP) --- */
.insane-footer {
    width: 100%;
    background: var(--void-black);
    border-top: 8px dashed var(--toxic-green); /* Changed to green for contrast */
    padding: 80px 20px;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers everything horizontally */
    position: relative;
    transform: skewY(-1deg);
    box-shadow: 0 -20px 80px rgba(255, 0, 255, 0.15);
}

.footer-legal-wrap {
    display: flex;
    flex-direction: column; /* Stack them for maximum "center" impact */
    align-items: center;
    gap: 15px;
    width: 100%;
}

.legal-link {
    background: var(--neon-pink); /* Pinkish color you asked for */
    color: var(--void-black);     /* Black text for extreme readability */
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 10px 30px;
    border: 3px solid white;
    box-shadow: 8px 8px 0px var(--electric-cyan);
    transition: 0.1s;
    width: fit-content;
    /* This makes them look like hand-cut stickers */
    clip-path: polygon(2% 0%, 98% 5%, 100% 95%, 5% 100%, 0% 10%);
}

.legal-link:hover {
    background: var(--laser-yellow);
    box-shadow: -8px -8px 0px var(--toxic-green);
    transform: scale(1.1) rotate(2deg);
    color: black;
}

.copyright-glitch {
    margin-top: 50px;
    font-size: 0.75rem;
    color: var(--toxic-green);
    font-family: monospace;
    text-align: center;
    letter-spacing: 1px;
}

/* The decorative "Warning" blob */
.footer-blob {
    position: absolute;
    top: -30px;
    background: var(--laser-yellow);
    color: black;
    padding: 10px 25px;
    font-size: 1.2rem;
    transform: rotate(3deg);
    border: 4px solid black;
    font-weight: bold;
    box-shadow: 5px 5px 0px var(--blood-red);
}