/* REUSE VOID VARIABLES */
        :root {
            --void-black: #050505;
            --neon-pink: #FF00FF;
            --toxic-green: #39FF14;
            --electric-cyan: #00FFFF;
            --laser-yellow: #FFFF00;
            --blood-red: #FF0000;
        }

        body {
            background-color: var(--void-black);
            background-image: 
                radial-gradient(var(--neon-pink) 1.5px, transparent 1.5px),
                radial-gradient(var(--electric-cyan) 1px, transparent 1px);
            background-size: 35px 35px, 20px 20px;
            margin: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-family: 'Arial Black', sans-serif;
            color: white;
            min-height: 100vh;
        }

        /* NAVIGATION BAR */
        nav {
            width: 100%;
            padding: 20px;
            display: flex;
            justify-content: flex-start;
        }

        .back-btn {
            background: var(--laser-yellow);
            color: black;
            padding: 10px 20px;
            text-decoration: none;
            border: 4px solid black;
            box-shadow: 5px 5px 0px var(--neon-pink);
            transition: 0.1s;
        }

        .back-btn:hover {
            transform: translate(-2px, -2px);
            box-shadow: 7px 7px 0px var(--neon-pink);
        }

        /* ARTICLE CONTAINER */
        .article-frame {
            width: 90%;
            max-width: 800px;
            background: rgba(255, 255, 255, 0.05);
            border: 8px solid var(--toxic-green);
            padding: 40px;
            margin: 50px 0;
            backdrop-filter: blur(10px);
            position: relative;
            /* REUSE JAGGED SHAPE */
            clip-path: polygon(0% 5%, 5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%);
        }

        .article-header {
            background: var(--blood-red);
            padding: 20px;
            margin: -40px -40px 30px -40px;
            border-bottom: 8px solid black;
            text-align: center;
        }

        h1 { font-size: 2.5rem; text-transform: uppercase; margin: 0; }
        p { line-height: 1.6; font-size: 1.1rem; }

        .slurp-zone {
            margin-top: 30px;
            border-top: 2px dashed var(--electric-cyan);
            padding-top: 20px;
            display: flex;
            justify-content: center;
        }

        .slurp-btn {
            background: var(--toxic-green);
            color: black;
            border: none;
            padding: 15px 30px;
            font-family: 'Arial Black', sans-serif;
            font-size: 1.2rem;
            cursor: pointer;
            box-shadow: 6px 6px 0px black;
        }

        .slurp-btn:active { transform: translate(3px, 3px); box-shadow: 3px 3px 0px black; }