: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) 1px, transparent 1px), radial-gradient(var(--void-black) 2px, transparent 2px);
            background-size: 60px 60px;
            margin: 0; display: flex; flex-direction: column; align-items: center;
            font-family: 'Arial Black', sans-serif; color: white; min-height: 100vh; overflow-x: hidden;
        }

        .back-nav { width: 100%; padding: 20px; position: fixed; top: 0; z-index: 1000; }
        .void-btn { background: var(--neon-pink); color: white; padding: 10px 25px; text-decoration: none; border: 4px solid white; box-shadow: 6px 6px 0px var(--electric-cyan); }

.manifesto-container {
    width: 60%; 
    max-width: 850px; 
    margin-top: 120px;
    margin-left: 5%;
    margin-right: auto;
    background: rgba(0, 0, 0, 0.98);
    border: 10px double var(--neon-pink); 
    padding: 60px; 
    position: relative;

    /* THE SKEW: Slight Right Lean (Positive) */
    transform: rotate(0.4deg); 
    
    /* OFFSET SHADOW: Pushes to the left to match the right lean */
    box-shadow: -15px 15px 0px rgba(255, 0, 255, 0.1); 
    
    margin-bottom: 50px;
    transition: transform 0.3s ease; /* Subtle bounce effect */
}

/* ARCHITECT'S TOUCH: A slight hover effect to show it's "loose" */
.manifesto-container:hover {
    transform: rotate(0.1deg) scale(1.01);
}

        .expert-box {
            background: #111; border-left: 10px solid var(--toxic-green); padding: 20px;
            margin: 30px 0; font-family: 'Courier New', monospace; font-size: 0.9rem;
        }

        .data-corrupted {
            background: var(--electric-cyan); color: black; padding: 10px;
            text-align: center; letter-spacing: 8px; font-size: 0.8rem; margin: 40px 0;
            animation: glitch 0.2s infinite;
        }
        @keyframes glitch { 0% { transform: skew(0deg); } 50% { transform: skew(2deg); } 100% { transform: skew(-1deg); } }

        h1 { font-size: 3rem; color: var(--neon-pink); -webkit-text-stroke: 1px white; margin: 0; line-height: 1; }
        h2 { color: var(--laser-yellow); text-transform: uppercase; border-bottom: 2px solid var(--toxic-green); margin-top: 50px; }
        p { line-height: 1.8; font-size: 1.2rem; color: #ccc; margin-bottom: 25px; }

        .ad-sidebar { position: absolute; right: -170px; top: 100px; width: 150px; }
        .trash-ad { background: var(--laser-yellow); color: black; padding: 10px; font-size: 0.7rem; margin-bottom: 20px; transform: rotate(-5deg); animation: jitter 0.3s infinite; }
        @keyframes jitter { 0% { transform: translate(0,0); } 50% { transform: translate(2px, 1px); } 100% { transform: translate(-1px, -2px); } }

        .survival-guide { border: 2px dashed var(--blood-red); padding: 20px; margin-top: 40px; }