TROLLNEGY \u2014 Pure Internet Chaos<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Permanent+Marker&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --ink: #090909;\n --paper: #f3f1ea;\n --acid: #baff27;\n --acid-dark: #83b400;\n --white: #fff;\n --line: rgba(255, 255, 255, .24);\n --sans: \"Space Grotesk\", \"Helvetica Neue\", Arial, sans-serif;\n --display: \"Archivo Black\", Impact, sans-serif;\n --scribble: \"Permanent Marker\", \"Comic Sans MS\", cursive;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; background: var(--ink); }\n body {\n margin: 0;\n overflow-x: hidden;\n color: var(--white);\n background: var(--ink);\n font-family: var(--sans);\n }\n body.is-loading { overflow: hidden; }\n a { color: inherit; text-decoration: none; }\n button { font: inherit; }\n\n .loader {\n position: fixed;\n inset: 0;\n z-index: 100;\n display: grid;\n place-items: center;\n background: var(--acid);\n color: var(--ink);\n transition: opacity .55s ease, visibility .55s ease;\n }\n .loader.hidden { opacity: 0; visibility: hidden; pointer-events: none; }\n .loader__word {\n font: 8vw\/1 var(--display);\n letter-spacing: -.08em;\n animation: loaderPulse 1.1s ease-in-out infinite alternate;\n }\n .loader__bar {\n position: absolute;\n bottom: 9vh;\n width: min(240px, 46vw);\n height: 4px;\n overflow: hidden;\n background: rgba(9, 9, 9, .18);\n }\n .loader__bar::after {\n content: \"\";\n display: block;\n width: 45%;\n height: 100%;\n background: var(--ink);\n animation: loadBar 1s ease-in-out infinite;\n }\n\n .site-nav {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 26px clamp(20px, 4vw, 64px);\n mix-blend-mode: difference;\n color: #fff;\n }\n .brand {\n font: 1rem\/1 var(--display);\n letter-spacing: -.05em;\n }\n .nav-links {\n display: flex;\n gap: clamp(16px, 3vw, 44px);\n align-items: center;\n font-size: .68rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n .nav-links a { position: relative; }\n .nav-links a::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: -8px;\n left: 0;\n height: 2px;\n background: currentColor;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform .3s ease;\n }\n .nav-links a:hover::after { transform: scaleX(1); transform-origin: left; }\n .nav-status {\n display: inline-flex;\n gap: 9px;\n align-items: center;\n padding: 9px 12px;\n border: 1px solid currentColor;\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n .status-dot {\n display: block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 11px var(--acid);\n }\n\n .section {\n position: relative;\n min-height: 100svh;\n overflow: hidden;\n isolation: isolate;\n background-color: var(--ink);\n background-position: center;\n background-size: cover;\n }\n .section::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(180deg, rgba(0,0,0,.2), transparent 42%, rgba(0,0,0,.44));\n pointer-events: none;\n }\n .section__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: .68rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n .section__eyebrow::before {\n content: \"\";\n width: 32px;\n height: 2px;\n background: var(--acid);\n }\n .section__number {\n position: absolute;\n top: 110px;\n right: clamp(20px, 4vw, 64px);\n font: clamp(3rem, 7vw, 7rem)\/.8 var(--display);\n color: rgba(255,255,255,.18);\n letter-spacing: -.1em;\n user-select: none;\n }\n\n \/* 01 \u2014 character-led opening *\/\n .hero {\n display: grid;\n place-items: center;\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg1.png\");\n }\n .hero__noise {\n position: absolute;\n inset: 0;\n z-index: -1;\n opacity: .12;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'\/%3E%3C\/svg%3E\");\n mix-blend-mode: screen;\n pointer-events: none;\n }\n .hero__title {\n position: absolute;\n top: 15%;\n left: 50%;\n width: min(94vw, 1200px);\n transform: translateX(-50%);\n animation: titleDrift 7s ease-in-out infinite;\n opacity: .96;\n }\n .hero__character {\n position: relative;\n z-index: 2;\n width: min(65vw, 760px);\n max-height: 78svh;\n object-fit: contain;\n filter: drop-shadow(26px 30px 0 rgba(0,0,0,.32));\n animation: characterFloat 5.5s ease-in-out infinite;\n }\n .hero__stamp {\n position: absolute;\n right: clamp(20px, 7vw, 110px);\n bottom: 11%;\n z-index: 3;\n width: 118px;\n height: 118px;\n display: grid;\n place-items: center;\n border: 2px solid var(--acid);\n border-radius: 50%;\n color: var(--acid);\n font: 1rem\/1.05 var(--scribble);\n text-align: center;\n transform: rotate(12deg);\n animation: spinSlow 18s linear infinite;\n }\n .hero__stamp::before {\n content: \"NO SERIOUS BUSINESS\";\n position: absolute;\n inset: 8px;\n display: grid;\n place-items: center;\n border: 1px dashed var(--acid);\n border-radius: 50%;\n font: .55rem\/1 var(--sans);\n font-weight: 700;\n letter-spacing: .1em;\n }\n .hero__stamp span { position: relative; z-index: 1; margin-top: 1px; }\n .hero__cta {\n position: absolute;\n bottom: 10%;\n left: clamp(20px, 7vw, 110px);\n z-index: 4;\n }\n .hero__copy-status {\n display: block;\n min-height: 1.2em;\n margin-top: 10px;\n color: var(--acid);\n font-size: .62rem;\n font-weight: 700;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n .scroll-cue {\n position: absolute;\n bottom: 30px;\n left: 50%;\n display: grid;\n gap: 10px;\n justify-items: center;\n color: rgba(255,255,255,.7);\n font-size: .6rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n transform: translateX(-50%);\n }\n .scroll-cue i {\n display: block;\n width: 1px;\n height: 44px;\n background: var(--acid);\n animation: scrollLine 1.5s ease-in-out infinite;\n }\n\n \/* 02 \u2014 right-side manifesto *\/\n .manifesto {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 100px clamp(20px, 8vw, 140px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg2.png\");\n }\n .manifesto::after {\n content: \"\";\n position: absolute;\n inset: 0 0 0 47%;\n z-index: -1;\n background: linear-gradient(90deg, transparent, rgba(0,0,0,.22) 20%, rgba(0,0,0,.7));\n pointer-events: none;\n }\n .manifesto__content {\n width: min(100%, 560px);\n margin-top: 5vh;\n }\n .manifesto h2 {\n max-width: 520px;\n margin: 18px 0 26px;\n font: clamp(3.5rem, 8.5vw, 8.2rem)\/.82 var(--display);\n letter-spacing: -.09em;\n text-transform: uppercase;\n }\n .manifesto h2 em {\n display: block;\n color: var(--acid);\n font: .64em\/1 var(--scribble);\n letter-spacing: -.02em;\n transform: rotate(-4deg) translateX(12%);\n }\n .manifesto p {\n max-width: 430px;\n margin: 0 0 34px;\n color: rgba(255,255,255,.8);\n font-size: clamp(1rem, 1.4vw, 1.2rem);\n line-height: 1.55;\n }\n .button {\n display: inline-flex;\n align-items: center;\n gap: 22px;\n padding: 15px 17px 15px 21px;\n border: 1px solid var(--acid);\n background: var(--acid);\n color: var(--ink);\n cursor: pointer;\n font-size: .7rem;\n font-weight: 700;\n letter-spacing: .13em;\n text-transform: uppercase;\n transition: gap .3s ease, background .3s ease, color .3s ease;\n }\n .button::after { content: \"\u2197\"; font-size: 1.2rem; line-height: .5; }\n .button:hover { gap: 34px; background: transparent; color: var(--acid); }\n .manifesto__aside {\n position: absolute;\n right: 28px;\n bottom: 13%;\n color: var(--acid);\n font: 1rem var(--scribble);\n transform: rotate(-8deg);\n }\n\n \/* 03 \u2014 poster-like visual break *\/\n .poster {\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg3.png\");\n }\n .poster::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n background: radial-gradient(circle at 50% 45%, transparent 0 20%, rgba(0,0,0,.3) 70%);\n pointer-events: none;\n }\n .poster__orbit {\n position: absolute;\n width: min(70vw, 800px);\n aspect-ratio: 1;\n border: 1px solid rgba(186,255,39,.56);\n border-radius: 50%;\n transform: rotate(-22deg) scaleY(.38);\n box-shadow: 0 0 45px rgba(186,255,39,.16);\n }\n .poster__orbit::before, .poster__orbit::after {\n content: \"\";\n position: absolute;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 24px var(--acid);\n }\n .poster__orbit::before { top: 10%; left: 12%; }\n .poster__orbit::after { right: 5%; bottom: 21%; }\n .poster__mark {\n position: relative;\n z-index: 2;\n width: min(70vw, 780px);\n color: var(--white);\n font: clamp(5rem, 17vw, 17rem)\/.72 var(--display);\n letter-spacing: -.13em;\n text-align: center;\n text-transform: uppercase;\n transform: rotate(-7deg);\n text-shadow: 10px 10px 0 var(--acid-dark);\n user-select: none;\n }\n .poster__mark span {\n display: block;\n color: var(--acid);\n font-size: .55em;\n text-shadow: 6px 6px 0 var(--ink);\n transform: translateX(9%) rotate(6deg);\n }\n .poster__micro {\n position: absolute;\n top: 31%;\n left: 10%;\n padding: 8px 13px;\n border: 1px solid var(--acid);\n color: var(--acid);\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n transform: rotate(-90deg);\n }\n .poster__corner {\n position: absolute;\n right: 9%;\n bottom: 26%;\n max-width: 180px;\n color: rgba(255,255,255,.7);\n font-size: .68rem;\n line-height: 1.5;\n text-align: right;\n }\n\n \/* 04 \u2014 all copy anchored below *\/\n .rules {\n display: flex;\n align-items: flex-end;\n padding: 0 clamp(20px, 5vw, 80px) clamp(34px, 6vw, 86px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg4.png\");\n }\n .rules::before {\n background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.06) 48%, rgba(0,0,0,.84));\n }\n .rules__content {\n width: 100%;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 40px;\n align-items: end;\n }\n .rules h2 {\n max-width: 720px;\n margin: 0;\n font: clamp(3.3rem, 8.4vw, 9rem)\/.79 var(--display);\n letter-spacing: -.1em;\n text-transform: uppercase;\n }\n .rules h2 span {\n display: block;\n color: var(--acid);\n font: .47em\/1 var(--scribble);\n letter-spacing: 0;\n transform: rotate(-3deg) translateX(4%);\n }\n .rules__details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n padding-bottom: 8px;\n }\n .rule {\n padding-top: 15px;\n border-top: 1px solid var(--line);\n }\n .rule strong {\n display: block;\n margin-bottom: 8px;\n color: var(--acid);\n font-size: .66rem;\n letter-spacing: .17em;\n text-transform: uppercase;\n }\n .rule p { margin: 0; color: rgba(255,255,255,.8); font-size: .86rem; line-height: 1.45; }\n\n \/* 05 \u2014 bottom-anchored close, composition kept asymmetric *\/\n .close {\n display: flex;\n align-items: flex-end;\n padding: 0 clamp(20px, 5vw, 80px) clamp(34px, 5vw, 72px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg5.png\");\n }\n .close::before {\n background: linear-gradient(180deg, transparent 28%, rgba(0,0,0,.16) 44%, rgba(0,0,0,.92));\n }\n .close__content {\n width: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 40px;\n }\n .close__headline {\n max-width: 730px;\n margin: 0;\n font: clamp(3.5rem, 9.3vw, 10rem)\/.77 var(--display);\n letter-spacing: -.12em;\n text-transform: uppercase;\n }\n .close__headline em {\n display: block;\n color: var(--acid);\n font: .48em\/1 var(--scribble);\n letter-spacing: .01em;\n transform: translateX(18%) rotate(-5deg);\n }\n .close__actions {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 20px;\n padding-bottom: 7px;\n }\n .close__copy {\n max-width: 260px;\n margin: 0;\n color: rgba(255,255,255,.72);\n font-size: .82rem;\n line-height: 1.5;\n text-align: right;\n }\n .close__links {\n display: flex;\n gap: 18px;\n color: var(--acid);\n font-size: .67rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n .close__links a { transition: color .25s ease; }\n .close__links a:hover { color: #fff; }\n .footer-tag {\n position: absolute;\n top: 118px;\n left: clamp(20px, 5vw, 80px);\n color: rgba(255,255,255,.45);\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n }\n\n .particle {\n position: fixed;\n z-index: 5;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 14px var(--acid);\n pointer-events: none;\n opacity: .6;\n }\n .reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity .8s ease, transform .8s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .cursor-ring {\n position: fixed;\n z-index: 50;\n width: 22px;\n height: 22px;\n border: 1px solid var(--acid);\n border-radius: 50%;\n pointer-events: none;\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: width .25s ease, height .25s ease, opacity .25s ease;\n }\n .cursor-ring.active { width: 48px; height: 48px; opacity: .9; }\n\n @keyframes loaderPulse { to { transform: scale(1.04) rotate(-2deg); } }\n @keyframes loadBar { 0% { transform: translateX(-100%); } 100% { transform: translateX(230%); } }\n @keyframes titleDrift { 0%, 100% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(1.5deg) scale(1.015); } }\n @keyframes characterFloat { 0%, 100% { transform: translateY(7px) rotate(-1deg); } 50% { transform: translateY(-14px) rotate(1.2deg); } }\n @keyframes spinSlow { to { transform: rotate(372deg); } }\n @keyframes scrollLine { 0%, 100% { transform: scaleY(.5); transform-origin: top; opacity: .4; } 50% { transform: scaleY(1); transform-origin: top; opacity: 1; } }\n\n @media (max-width: 760px) {\n .site-nav { padding-top: 20px; }\n .nav-links { display: none; }\n .section__number { top: 88px; }\n .hero__title { top: 22%; width: 130vw; max-width: none; }\n .hero__character { width: 105vw; max-height: 68svh; }\n .hero__stamp { right: 20px; bottom: 13%; width: 88px; height: 88px; font-size: .75rem; }\n .hero__stamp::before { font-size: .42rem; }\n .hero__cta { right: 20px; bottom: 7%; left: 20px; }\n .hero__cta .button { width: 100%; justify-content: space-between; }\n .manifesto { align-items: flex-end; padding: 100px 24px 12vh; }\n .manifesto::after { inset: 30% 0 0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.86) 42%); }\n .manifesto h2 { font-size: clamp(3.3rem, 17vw, 7rem); }\n .manifesto__aside { right: 18px; bottom: 40%; font-size: .8rem; }\n .poster__mark { width: 95vw; font-size: 22vw; }\n .poster__micro { left: 4%; }\n .poster__corner { right: 6%; bottom: 15%; }\n .rules__content { display: block; }\n .rules h2 { margin-bottom: 34px; font-size: clamp(3rem, 16vw, 7rem); }\n .rules__details { gap: 16px; }\n .rule p { font-size: .75rem; }\n .close__content { display: block; }\n .close__headline { font-size: clamp(3.5rem, 17vw, 8rem); }\n .close__actions { align-items: flex-start; margin-top: 34px; }\n .close__copy { text-align: left; }\n .close__links { flex-wrap: wrap; }\n .footer-tag { display: none; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n scroll-behavior: auto !important;\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .001ms !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"loader hidden\" aria-label=\"Loading TROLLNEGY\">\n <div class=\"loader__word\">TROLLNEGY<\/div>\n <div class=\"loader__bar\"><\/div>\n <\/div>\n\n <div class=\"cursor-ring\" aria-hidden=\"true\"><\/div>\n\n <nav class=\"site-nav\" aria-label=\"Main navigation\">\n <a class=\"brand\" href=\"#top\">TROLLNEGY<\/a>\n <div class=\"nav-links\">\n <a href=\"#manifesto\">Manifesto<\/a>\n <a href=\"#signal\">Signal<\/a>\n <a href=\"#rules\">Rules<\/a>\n <a href=\"#join\">Join<\/a>\n <\/div>\n <div class=\"nav-status\"><span class=\"status-dot\"><\/span> Online \/ Unhinged<\/div>\n <\/nav>\n\n <main id=\"top\">\n <section class=\"section hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero__noise\"><\/div>\n <img decoding=\"async\" class=\"hero__title\" src=\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/titlle1.png\" alt=\"\" aria-hidden=\"true\" \/>\n <img decoding=\"async\" class=\"hero__character\" src=\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/featured1.png\" alt=\"TROLLNEGY featured character\" \/>\n <h1 id=\"hero-title\" hidden>TROLLNEGY \u2014 Pure Internet Chaos<\/h1>\n <div class=\"hero__cta\">\n <button class=\"button\" id=\"copy-ca\" type=\"button\" data-ca=\"YOUR_CONTRACT_ADDRESS_HERE\">[Copy CA Here]<\/button>\n <span class=\"hero__copy-status\" id=\"copy-status\" aria-live=\"polite\"><\/span>\n <\/div>\n <div class=\"hero__stamp\"><span>EST.<br \/>2026<\/span><\/div>\n <div class=\"scroll-cue\"><span>Enter the chaos<\/span><i><\/i><\/div>\n <\/section>\n\n <section class=\"section manifesto\" id=\"manifesto\" aria-labelledby=\"manifesto-title\">\n <div class=\"manifesto__content reveal\">\n <div class=\"section__eyebrow\">The anti-pitch<\/div>\n <h2 id=\"manifesto-title\">No plan.<em>Just vibes.<\/em><\/h2>\n <p>TROLLNEGY is a chaotic meme project powered by classic troll energy. No serious business. No complicated narrative. Just trolling, memes, and pure internet chaos.<\/p>\n <a class=\"button\" href=\"#signal\">Decode the signal<\/a>\n <\/div>\n <div class=\"manifesto__aside\">probably a bad idea<\/div>\n <\/section>\n\n <section class=\"section poster\" id=\"signal\" aria-labelledby=\"signal-title\">\n <div class=\"poster__orbit\" aria-hidden=\"true\"><\/div>\n <div class=\"poster__micro\">transmitting: $TROLLNEGY<\/div>\n <h2 class=\"poster__mark reveal\" id=\"signal-title\">pure<span>chaos<\/span><\/h2>\n <p class=\"poster__corner\">A decentralized frequency for people who refuse to take the timeline seriously.<\/p>\n <\/section>\n\n <section class=\"section rules\" id=\"rules\" aria-labelledby=\"rules-title\">\n <div class=\"rules__content\">\n <div class=\"reveal\">\n <div class=\"section__eyebrow\">Terms of engagement<\/div>\n <h2 id=\"rules-title\">The only<br \/>three rules.<span>don't overthink it.<\/span><\/h2>\n <\/div>\n <div class=\"rules__details reveal\">\n <div class=\"rule\"><strong>01 \/ Be weird<\/strong><p>Normal is already taken. Bring the strange energy.<\/p><\/div>\n <div class=\"rule\"><strong>02 \/ Stay loud<\/strong><p>Quiet launches are for people with a five-year plan.<\/p><\/div>\n <div class=\"rule\"><strong>03 \/ Have fun<\/strong><p>If it starts feeling serious, you are doing it wrong.<\/p><\/div>\n <div class=\"rule\"><strong>04 \/ No refunds<\/strong><p>There was never a business here in the first place.<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section close\" id=\"join\" aria-labelledby=\"join-title\">\n <span class=\"footer-tag\">TROLLNEGY \/ $TROLLNEGY<\/span>\n <div class=\"close__content\">\n <div class=\"reveal\">\n <div class=\"section__eyebrow\">You have been warned<\/div>\n <h2 class=\"close__headline\" id=\"join-title\">Join the<span>wrong side.<\/span><\/h2>\n <\/div>\n <div class=\"close__actions reveal\">\n <p class=\"close__copy\">The timeline is boring. Make it worse, together.<\/p>\n <a class=\"button\" href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">Enter the feed<\/a>\n <div class=\"close__links\">\n <a href=\"https:\/\/t.me\" target=\"_blank\" rel=\"noreferrer\">Telegram<\/a>\n <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">X \/ Twitter<\/a>\n <a href=\"#top\">Back to top<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n (() => {\n const body = document.body;\n const loader = document.querySelector(\".loader\");\n const ring = document.querySelector(\".cursor-ring\");\n const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n \/\/ The page must never wait for remote artwork before becoming usable.\n \/\/ Keep the loader hidden by default so local files and slow connections\n \/\/ can still render the full page immediately.\n const revealPage = () => {\n loader.classList.add(\"hidden\");\n body.classList.remove(\"is-loading\");\n };\n revealPage();\n window.setTimeout(revealPage, 900);\n\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) entry.target.classList.add(\"visible\");\n });\n }, { threshold: .15 });\n document.querySelectorAll(\".reveal\").forEach((element) => revealObserver.observe(element));\n\n const copyButton = document.querySelector(\"#copy-ca\");\n const copyStatus = document.querySelector(\"#copy-status\");\n copyButton.addEventListener(\"click\", async () => {\n const address = copyButton.dataset.ca;\n try {\n await navigator.clipboard.writeText(address);\n } catch {\n const fallback = document.createElement(\"textarea\");\n fallback.value = address;\n fallback.style.position = \"fixed\";\n fallback.style.opacity = \"0\";\n document.body.appendChild(fallback);\n fallback.select();\n document.execCommand(\"copy\");\n fallback.remove();\n }\n copyButton.textContent = \"CA Copied\";\n copyStatus.textContent = address === \"YOUR_CONTRACT_ADDRESS_HERE\"\n ? \"Replace the placeholder CA in the HTML\"\n : \"Contract address copied\";\n window.setTimeout(() => {\n copyButton.textContent = \"Copy CA\";\n copyStatus.textContent = \"\";\n }, 2400);\n });\n\n if (!reduceMotion && window.matchMedia(\"(pointer: fine)\").matches) {\n window.addEventListener(\"pointermove\", (event) => {\n ring.style.left = `${event.clientX}px`;\n ring.style.top = `${event.clientY}px`;\n ring.style.opacity = \"1\";\n });\n document.querySelectorAll(\"a, button\").forEach((element) => {\n element.addEventListener(\"mouseenter\", () => ring.classList.add(\"active\"));\n element.addEventListener(\"mouseleave\", () => ring.classList.remove(\"active\"));\n });\n\n for (let i = 0; i < 18; i += 1) {\n const particle = document.createElement(\"span\");\n particle.className = \"particle\";\n particle.style.left = `${Math.random() * 100}vw`;\n particle.style.top = `${Math.random() * 100}vh`;\n particle.style.animation = `particleDrift ${8 + Math.random() * 12}s ease-in-out ${Math.random() * -12}s infinite alternate`;\n document.body.appendChild(particle);\n }\n const particleStyle = document.createElement(\"style\");\n particleStyle.textContent = \"@keyframes particleDrift { from { transform: translate3d(0,0,0); opacity:.15 } to { transform: translate3d(24px,-42px,0); opacity:.75 } }\";\n document.head.appendChild(particleStyle);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TROLLNEGY \u2014 Pure Internet Chaos TROLLNEGY TROLLNEGY Manifesto Signal Rules Join Online \/ Unhinged TROLLNEGY \u2014 Pure Internet Chaos [Copy CA Here] EST.2026 Enter the chaos The anti-pitch No plan.Just vibes. TROLLNEGY is a chaotic meme project powered by classic troll energy. No serious business. No complicated narrative. Just trolling, memes, and pure internet chaos. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trollnegy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":31,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n \n \n TROLLNEGY \u2014 Pure Internet Chaos<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Permanent+Marker&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --ink: #090909;\n --paper: #f3f1ea;\n --acid: #baff27;\n --acid-dark: #83b400;\n --white: #fff;\n --line: rgba(255, 255, 255, .24);\n --sans: \"Space Grotesk\", \"Helvetica Neue\", Arial, sans-serif;\n --display: \"Archivo Black\", Impact, sans-serif;\n --scribble: \"Permanent Marker\", \"Comic Sans MS\", cursive;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; background: var(--ink); }\n body {\n margin: 0;\n overflow-x: hidden;\n color: var(--white);\n background: var(--ink);\n font-family: var(--sans);\n }\n body.is-loading { overflow: hidden; }\n a { color: inherit; text-decoration: none; }\n button { font: inherit; }\n\n .loader {\n position: fixed;\n inset: 0;\n z-index: 100;\n display: grid;\n place-items: center;\n background: var(--acid);\n color: var(--ink);\n transition: opacity .55s ease, visibility .55s ease;\n }\n .loader.hidden { opacity: 0; visibility: hidden; pointer-events: none; }\n .loader__word {\n font: 8vw\/1 var(--display);\n letter-spacing: -.08em;\n animation: loaderPulse 1.1s ease-in-out infinite alternate;\n }\n .loader__bar {\n position: absolute;\n bottom: 9vh;\n width: min(240px, 46vw);\n height: 4px;\n overflow: hidden;\n background: rgba(9, 9, 9, .18);\n }\n .loader__bar::after {\n content: \"\";\n display: block;\n width: 45%;\n height: 100%;\n background: var(--ink);\n animation: loadBar 1s ease-in-out infinite;\n }\n\n .site-nav {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 26px clamp(20px, 4vw, 64px);\n mix-blend-mode: difference;\n color: #fff;\n }\n .brand {\n font: 1rem\/1 var(--display);\n letter-spacing: -.05em;\n }\n .nav-links {\n display: flex;\n gap: clamp(16px, 3vw, 44px);\n align-items: center;\n font-size: .68rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n .nav-links a { position: relative; }\n .nav-links a::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: -8px;\n left: 0;\n height: 2px;\n background: currentColor;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform .3s ease;\n }\n .nav-links a:hover::after { transform: scaleX(1); transform-origin: left; }\n .nav-status {\n display: inline-flex;\n gap: 9px;\n align-items: center;\n padding: 9px 12px;\n border: 1px solid currentColor;\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n .status-dot {\n display: block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 11px var(--acid);\n }\n\n .section {\n position: relative;\n min-height: 100svh;\n overflow: hidden;\n isolation: isolate;\n background-color: var(--ink);\n background-position: center;\n background-size: cover;\n }\n .section::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(180deg, rgba(0,0,0,.2), transparent 42%, rgba(0,0,0,.44));\n pointer-events: none;\n }\n .section__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: .68rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n .section__eyebrow::before {\n content: \"\";\n width: 32px;\n height: 2px;\n background: var(--acid);\n }\n .section__number {\n position: absolute;\n top: 110px;\n right: clamp(20px, 4vw, 64px);\n font: clamp(3rem, 7vw, 7rem)\/.8 var(--display);\n color: rgba(255,255,255,.18);\n letter-spacing: -.1em;\n user-select: none;\n }\n\n \/* 01 \u2014 character-led opening *\/\n .hero {\n display: grid;\n place-items: center;\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg1.png\");\n }\n .hero__noise {\n position: absolute;\n inset: 0;\n z-index: -1;\n opacity: .12;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'\/%3E%3C\/svg%3E\");\n mix-blend-mode: screen;\n pointer-events: none;\n }\n .hero__title {\n position: absolute;\n top: 15%;\n left: 50%;\n width: min(94vw, 1200px);\n transform: translateX(-50%);\n animation: titleDrift 7s ease-in-out infinite;\n opacity: .96;\n }\n .hero__character {\n position: relative;\n z-index: 2;\n width: min(65vw, 760px);\n max-height: 78svh;\n object-fit: contain;\n filter: drop-shadow(26px 30px 0 rgba(0,0,0,.32));\n animation: characterFloat 5.5s ease-in-out infinite;\n }\n .hero__stamp {\n position: absolute;\n right: clamp(20px, 7vw, 110px);\n bottom: 11%;\n z-index: 3;\n width: 118px;\n height: 118px;\n display: grid;\n place-items: center;\n border: 2px solid var(--acid);\n border-radius: 50%;\n color: var(--acid);\n font: 1rem\/1.05 var(--scribble);\n text-align: center;\n transform: rotate(12deg);\n animation: spinSlow 18s linear infinite;\n }\n .hero__stamp::before {\n content: \"NO SERIOUS BUSINESS\";\n position: absolute;\n inset: 8px;\n display: grid;\n place-items: center;\n border: 1px dashed var(--acid);\n border-radius: 50%;\n font: .55rem\/1 var(--sans);\n font-weight: 700;\n letter-spacing: .1em;\n }\n .hero__stamp span { position: relative; z-index: 1; margin-top: 1px; }\n .hero__cta {\n position: absolute;\n bottom: 10%;\n left: clamp(20px, 7vw, 110px);\n z-index: 4;\n }\n .hero__copy-status {\n display: block;\n min-height: 1.2em;\n margin-top: 10px;\n color: var(--acid);\n font-size: .62rem;\n font-weight: 700;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n .scroll-cue {\n position: absolute;\n bottom: 30px;\n left: 50%;\n display: grid;\n gap: 10px;\n justify-items: center;\n color: rgba(255,255,255,.7);\n font-size: .6rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n transform: translateX(-50%);\n }\n .scroll-cue i {\n display: block;\n width: 1px;\n height: 44px;\n background: var(--acid);\n animation: scrollLine 1.5s ease-in-out infinite;\n }\n\n \/* 02 \u2014 right-side manifesto *\/\n .manifesto {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 100px clamp(20px, 8vw, 140px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg2.png\");\n }\n .manifesto::after {\n content: \"\";\n position: absolute;\n inset: 0 0 0 47%;\n z-index: -1;\n background: linear-gradient(90deg, transparent, rgba(0,0,0,.22) 20%, rgba(0,0,0,.7));\n pointer-events: none;\n }\n .manifesto__content {\n width: min(100%, 560px);\n margin-top: 5vh;\n }\n .manifesto h2 {\n max-width: 520px;\n margin: 18px 0 26px;\n font: clamp(3.5rem, 8.5vw, 8.2rem)\/.82 var(--display);\n letter-spacing: -.09em;\n text-transform: uppercase;\n }\n .manifesto h2 em {\n display: block;\n color: var(--acid);\n font: .64em\/1 var(--scribble);\n letter-spacing: -.02em;\n transform: rotate(-4deg) translateX(12%);\n }\n .manifesto p {\n max-width: 430px;\n margin: 0 0 34px;\n color: rgba(255,255,255,.8);\n font-size: clamp(1rem, 1.4vw, 1.2rem);\n line-height: 1.55;\n }\n .button {\n display: inline-flex;\n align-items: center;\n gap: 22px;\n padding: 15px 17px 15px 21px;\n border: 1px solid var(--acid);\n background: var(--acid);\n color: var(--ink);\n cursor: pointer;\n font-size: .7rem;\n font-weight: 700;\n letter-spacing: .13em;\n text-transform: uppercase;\n transition: gap .3s ease, background .3s ease, color .3s ease;\n }\n .button::after { content: \"\u2197\"; font-size: 1.2rem; line-height: .5; }\n .button:hover { gap: 34px; background: transparent; color: var(--acid); }\n .manifesto__aside {\n position: absolute;\n right: 28px;\n bottom: 13%;\n color: var(--acid);\n font: 1rem var(--scribble);\n transform: rotate(-8deg);\n }\n\n \/* 03 \u2014 poster-like visual break *\/\n .poster {\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg3.png\");\n }\n .poster::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n background: radial-gradient(circle at 50% 45%, transparent 0 20%, rgba(0,0,0,.3) 70%);\n pointer-events: none;\n }\n .poster__orbit {\n position: absolute;\n width: min(70vw, 800px);\n aspect-ratio: 1;\n border: 1px solid rgba(186,255,39,.56);\n border-radius: 50%;\n transform: rotate(-22deg) scaleY(.38);\n box-shadow: 0 0 45px rgba(186,255,39,.16);\n }\n .poster__orbit::before, .poster__orbit::after {\n content: \"\";\n position: absolute;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 24px var(--acid);\n }\n .poster__orbit::before { top: 10%; left: 12%; }\n .poster__orbit::after { right: 5%; bottom: 21%; }\n .poster__mark {\n position: relative;\n z-index: 2;\n width: min(70vw, 780px);\n color: var(--white);\n font: clamp(5rem, 17vw, 17rem)\/.72 var(--display);\n letter-spacing: -.13em;\n text-align: center;\n text-transform: uppercase;\n transform: rotate(-7deg);\n text-shadow: 10px 10px 0 var(--acid-dark);\n user-select: none;\n }\n .poster__mark span {\n display: block;\n color: var(--acid);\n font-size: .55em;\n text-shadow: 6px 6px 0 var(--ink);\n transform: translateX(9%) rotate(6deg);\n }\n .poster__micro {\n position: absolute;\n top: 31%;\n left: 10%;\n padding: 8px 13px;\n border: 1px solid var(--acid);\n color: var(--acid);\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n transform: rotate(-90deg);\n }\n .poster__corner {\n position: absolute;\n right: 9%;\n bottom: 26%;\n max-width: 180px;\n color: rgba(255,255,255,.7);\n font-size: .68rem;\n line-height: 1.5;\n text-align: right;\n }\n\n \/* 04 \u2014 all copy anchored below *\/\n .rules {\n display: flex;\n align-items: flex-end;\n padding: 0 clamp(20px, 5vw, 80px) clamp(34px, 6vw, 86px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg4.png\");\n }\n .rules::before {\n background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.06) 48%, rgba(0,0,0,.84));\n }\n .rules__content {\n width: 100%;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 40px;\n align-items: end;\n }\n .rules h2 {\n max-width: 720px;\n margin: 0;\n font: clamp(3.3rem, 8.4vw, 9rem)\/.79 var(--display);\n letter-spacing: -.1em;\n text-transform: uppercase;\n }\n .rules h2 span {\n display: block;\n color: var(--acid);\n font: .47em\/1 var(--scribble);\n letter-spacing: 0;\n transform: rotate(-3deg) translateX(4%);\n }\n .rules__details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n padding-bottom: 8px;\n }\n .rule {\n padding-top: 15px;\n border-top: 1px solid var(--line);\n }\n .rule strong {\n display: block;\n margin-bottom: 8px;\n color: var(--acid);\n font-size: .66rem;\n letter-spacing: .17em;\n text-transform: uppercase;\n }\n .rule p { margin: 0; color: rgba(255,255,255,.8); font-size: .86rem; line-height: 1.45; }\n\n \/* 05 \u2014 bottom-anchored close, composition kept asymmetric *\/\n .close {\n display: flex;\n align-items: flex-end;\n padding: 0 clamp(20px, 5vw, 80px) clamp(34px, 5vw, 72px);\n background-image: url(\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/bg5.png\");\n }\n .close::before {\n background: linear-gradient(180deg, transparent 28%, rgba(0,0,0,.16) 44%, rgba(0,0,0,.92));\n }\n .close__content {\n width: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 40px;\n }\n .close__headline {\n max-width: 730px;\n margin: 0;\n font: clamp(3.5rem, 9.3vw, 10rem)\/.77 var(--display);\n letter-spacing: -.12em;\n text-transform: uppercase;\n }\n .close__headline em {\n display: block;\n color: var(--acid);\n font: .48em\/1 var(--scribble);\n letter-spacing: .01em;\n transform: translateX(18%) rotate(-5deg);\n }\n .close__actions {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 20px;\n padding-bottom: 7px;\n }\n .close__copy {\n max-width: 260px;\n margin: 0;\n color: rgba(255,255,255,.72);\n font-size: .82rem;\n line-height: 1.5;\n text-align: right;\n }\n .close__links {\n display: flex;\n gap: 18px;\n color: var(--acid);\n font-size: .67rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n .close__links a { transition: color .25s ease; }\n .close__links a:hover { color: #fff; }\n .footer-tag {\n position: absolute;\n top: 118px;\n left: clamp(20px, 5vw, 80px);\n color: rgba(255,255,255,.45);\n font-size: .63rem;\n font-weight: 700;\n letter-spacing: .16em;\n text-transform: uppercase;\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n }\n\n .particle {\n position: fixed;\n z-index: 5;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: var(--acid);\n box-shadow: 0 0 14px var(--acid);\n pointer-events: none;\n opacity: .6;\n }\n .reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity .8s ease, transform .8s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .cursor-ring {\n position: fixed;\n z-index: 50;\n width: 22px;\n height: 22px;\n border: 1px solid var(--acid);\n border-radius: 50%;\n pointer-events: none;\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: width .25s ease, height .25s ease, opacity .25s ease;\n }\n .cursor-ring.active { width: 48px; height: 48px; opacity: .9; }\n\n @keyframes loaderPulse { to { transform: scale(1.04) rotate(-2deg); } }\n @keyframes loadBar { 0% { transform: translateX(-100%); } 100% { transform: translateX(230%); } }\n @keyframes titleDrift { 0%, 100% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(1.5deg) scale(1.015); } }\n @keyframes characterFloat { 0%, 100% { transform: translateY(7px) rotate(-1deg); } 50% { transform: translateY(-14px) rotate(1.2deg); } }\n @keyframes spinSlow { to { transform: rotate(372deg); } }\n @keyframes scrollLine { 0%, 100% { transform: scaleY(.5); transform-origin: top; opacity: .4; } 50% { transform: scaleY(1); transform-origin: top; opacity: 1; } }\n\n @media (max-width: 760px) {\n .site-nav { padding-top: 20px; }\n .nav-links { display: none; }\n .section__number { top: 88px; }\n .hero__title { top: 22%; width: 130vw; max-width: none; }\n .hero__character { width: 105vw; max-height: 68svh; }\n .hero__stamp { right: 20px; bottom: 13%; width: 88px; height: 88px; font-size: .75rem; }\n .hero__stamp::before { font-size: .42rem; }\n .hero__cta { right: 20px; bottom: 7%; left: 20px; }\n .hero__cta .button { width: 100%; justify-content: space-between; }\n .manifesto { align-items: flex-end; padding: 100px 24px 12vh; }\n .manifesto::after { inset: 30% 0 0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.86) 42%); }\n .manifesto h2 { font-size: clamp(3.3rem, 17vw, 7rem); }\n .manifesto__aside { right: 18px; bottom: 40%; font-size: .8rem; }\n .poster__mark { width: 95vw; font-size: 22vw; }\n .poster__micro { left: 4%; }\n .poster__corner { right: 6%; bottom: 15%; }\n .rules__content { display: block; }\n .rules h2 { margin-bottom: 34px; font-size: clamp(3rem, 16vw, 7rem); }\n .rules__details { gap: 16px; }\n .rule p { font-size: .75rem; }\n .close__content { display: block; }\n .close__headline { font-size: clamp(3.5rem, 17vw, 8rem); }\n .close__actions { align-items: flex-start; margin-top: 34px; }\n .close__copy { text-align: left; }\n .close__links { flex-wrap: wrap; }\n .footer-tag { display: none; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n scroll-behavior: auto !important;\n animation-duration: .001ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .001ms !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"loader hidden\" aria-label=\"Loading TROLLNEGY\">\n <div class=\"loader__word\">TROLLNEGY<\/div>\n <div class=\"loader__bar\"><\/div>\n <\/div>\n\n <div class=\"cursor-ring\" aria-hidden=\"true\"><\/div>\n\n <nav class=\"site-nav\" aria-label=\"Main navigation\">\n <a class=\"brand\" href=\"#top\">TROLLNEGY<\/a>\n <div class=\"nav-links\">\n <a href=\"#manifesto\">Manifesto<\/a>\n <a href=\"#signal\">Signal<\/a>\n <a href=\"#rules\">Rules<\/a>\n <a href=\"#join\">Join<\/a>\n <\/div>\n <div class=\"nav-status\"><span class=\"status-dot\"><\/span> Online \/ Unhinged<\/div>\n <\/nav>\n\n <main id=\"top\">\n <section class=\"section hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero__noise\"><\/div>\n <img decoding=\"async\" class=\"hero__title\" src=\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/titlle1.png\" alt=\"\" aria-hidden=\"true\" \/>\n <img decoding=\"async\" class=\"hero__character\" src=\"http:\/\/trollnegy.site\/wp-content\/uploads\/2026\/08\/featured1.png\" alt=\"TROLLNEGY featured character\" \/>\n <h1 id=\"hero-title\" hidden>TROLLNEGY \u2014 Pure Internet Chaos<\/h1>\n <div class=\"hero__cta\">\n <button class=\"button\" id=\"copy-ca\" type=\"button\" data-ca=\"YOUR_CONTRACT_ADDRESS_HERE\">[Copy CA Here]<\/button>\n <span class=\"hero__copy-status\" id=\"copy-status\" aria-live=\"polite\"><\/span>\n <\/div>\n <div class=\"hero__stamp\"><span>EST.<br \/>2026<\/span><\/div>\n <div class=\"scroll-cue\"><span>Enter the chaos<\/span><i><\/i><\/div>\n <\/section>\n\n <section class=\"section manifesto\" id=\"manifesto\" aria-labelledby=\"manifesto-title\">\n <div class=\"manifesto__content reveal\">\n <div class=\"section__eyebrow\">The anti-pitch<\/div>\n <h2 id=\"manifesto-title\">No plan.<em>Just vibes.<\/em><\/h2>\n <p>TROLLNEGY is a chaotic meme project powered by classic troll energy. No serious business. No complicated narrative. Just trolling, memes, and pure internet chaos.<\/p>\n <a class=\"button\" href=\"#signal\">Decode the signal<\/a>\n <\/div>\n <div class=\"manifesto__aside\">probably a bad idea<\/div>\n <\/section>\n\n <section class=\"section poster\" id=\"signal\" aria-labelledby=\"signal-title\">\n <div class=\"poster__orbit\" aria-hidden=\"true\"><\/div>\n <div class=\"poster__micro\">transmitting: $TROLLNEGY<\/div>\n <h2 class=\"poster__mark reveal\" id=\"signal-title\">pure<span>chaos<\/span><\/h2>\n <p class=\"poster__corner\">A decentralized frequency for people who refuse to take the timeline seriously.<\/p>\n <\/section>\n\n <section class=\"section rules\" id=\"rules\" aria-labelledby=\"rules-title\">\n <div class=\"rules__content\">\n <div class=\"reveal\">\n <div class=\"section__eyebrow\">Terms of engagement<\/div>\n <h2 id=\"rules-title\">The only<br \/>three rules.<span>don't overthink it.<\/span><\/h2>\n <\/div>\n <div class=\"rules__details reveal\">\n <div class=\"rule\"><strong>01 \/ Be weird<\/strong><p>Normal is already taken. Bring the strange energy.<\/p><\/div>\n <div class=\"rule\"><strong>02 \/ Stay loud<\/strong><p>Quiet launches are for people with a five-year plan.<\/p><\/div>\n <div class=\"rule\"><strong>03 \/ Have fun<\/strong><p>If it starts feeling serious, you are doing it wrong.<\/p><\/div>\n <div class=\"rule\"><strong>04 \/ No refunds<\/strong><p>There was never a business here in the first place.<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section close\" id=\"join\" aria-labelledby=\"join-title\">\n <span class=\"footer-tag\">TROLLNEGY \/ $TROLLNEGY<\/span>\n <div class=\"close__content\">\n <div class=\"reveal\">\n <div class=\"section__eyebrow\">You have been warned<\/div>\n <h2 class=\"close__headline\" id=\"join-title\">Join the<span>wrong side.<\/span><\/h2>\n <\/div>\n <div class=\"close__actions reveal\">\n <p class=\"close__copy\">The timeline is boring. Make it worse, together.<\/p>\n <a class=\"button\" href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">Enter the feed<\/a>\n <div class=\"close__links\">\n <a href=\"https:\/\/t.me\" target=\"_blank\" rel=\"noreferrer\">Telegram<\/a>\n <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">X \/ Twitter<\/a>\n <a href=\"#top\">Back to top<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n (() => {\n const body = document.body;\n const loader = document.querySelector(\".loader\");\n const ring = document.querySelector(\".cursor-ring\");\n const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n \/\/ The page must never wait for remote artwork before becoming usable.\n \/\/ Keep the loader hidden by default so local files and slow connections\n \/\/ can still render the full page immediately.\n const revealPage = () => {\n loader.classList.add(\"hidden\");\n body.classList.remove(\"is-loading\");\n };\n revealPage();\n window.setTimeout(revealPage, 900);\n\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) entry.target.classList.add(\"visible\");\n });\n }, { threshold: .15 });\n document.querySelectorAll(\".reveal\").forEach((element) => revealObserver.observe(element));\n\n const copyButton = document.querySelector(\"#copy-ca\");\n const copyStatus = document.querySelector(\"#copy-status\");\n copyButton.addEventListener(\"click\", async () => {\n const address = copyButton.dataset.ca;\n try {\n await navigator.clipboard.writeText(address);\n } catch {\n const fallback = document.createElement(\"textarea\");\n fallback.value = address;\n fallback.style.position = \"fixed\";\n fallback.style.opacity = \"0\";\n document.body.appendChild(fallback);\n fallback.select();\n document.execCommand(\"copy\");\n fallback.remove();\n }\n copyButton.textContent = \"CA Copied\";\n copyStatus.textContent = address === \"YOUR_CONTRACT_ADDRESS_HERE\"\n ? \"Replace the placeholder CA in the HTML\"\n : \"Contract address copied\";\n window.setTimeout(() => {\n copyButton.textContent = \"Copy CA\";\n copyStatus.textContent = \"\";\n }, 2400);\n });\n\n if (!reduceMotion && window.matchMedia(\"(pointer: fine)\").matches) {\n window.addEventListener(\"pointermove\", (event) => {\n ring.style.left = `${event.clientX}px`;\n ring.style.top = `${event.clientY}px`;\n ring.style.opacity = \"1\";\n });\n document.querySelectorAll(\"a, button\").forEach((element) => {\n element.addEventListener(\"mouseenter\", () => ring.classList.add(\"active\"));\n element.addEventListener(\"mouseleave\", () => ring.classList.remove(\"active\"));\n });\n\n for (let i = 0; i < 18; i += 1) {\n const particle = document.createElement(\"span\");\n particle.className = \"particle\";\n particle.style.left = `${Math.random() * 100}vw`;\n particle.style.top = `${Math.random() * 100}vh`;\n particle.style.animation = `particleDrift ${8 + Math.random() * 12}s ease-in-out ${Math.random() * -12}s infinite alternate`;\n document.body.appendChild(particle);\n }\n const particleStyle = document.createElement(\"style\");\n particleStyle.textContent = \"@keyframes particleDrift { from { transform: translate3d(0,0,0); opacity:.15 } to { transform: translate3d(24px,-42px,0); opacity:.75 } }\";\n document.head.appendChild(particleStyle);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TROLLNEGY \u2014 Pure Internet Chaos TROLLNEGY TROLLNEGY Manifesto Signal Rules Join Online \/ Unhinged TROLLNEGY \u2014 Pure Internet Chaos [Copy CA Here] EST.2026 Enter the chaos The anti-pitch No plan.Just vibes. TROLLNEGY is a chaotic meme project powered by classic troll energy. No serious business. No complicated narrative. Just trolling, memes, and pure internet chaos. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trollnegy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":31,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/trollnegy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/trollnegy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}