@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&family=Nosifer&display=swap');
:root{--neon-pink:#ff1493;--electric-blue:#00ffff;--lime-green:#00ff00;--text-dark:#000000;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;color:var(--text-dark);background:radial-gradient(circle at 20% 80%,var(--electric-blue),var(--neon-pink)),radial-gradient(circle at 80% 20%,var(--lime-green),var(--neon-pink));background-size:300% 300%;animation:memePulse 6s ease-in-out infinite alternate;overflow-x:hidden;min-height:100vh;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="8" fill="%23ff1493"/></svg>'),auto;}@keyframes memePulse{0%{background-position:0% 0%;filter:hue-rotate(0deg) brightness(1);}100%{background-position:100% 100%;filter:hue-rotate(180deg) brightness(1.2);}}.container{position:relative;width:100vw;height:100vh;overflow:hidden;}section{position:absolute;width:100vw;height:100vh;opacity:0;transform:translateY(100vh);transition:all 1s cubic-bezier(0.25,0.46,0.45,0.94);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}section.active{opacity:1;transform:translateY(0);clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);animation:sectionGlitch 0.5s ease-in-out;}@keyframes sectionGlitch{0%,100%{clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);}50%{clip-path:polygon(5% 5%,95% -5%,105% 105%,-5% 95%);}}section:nth-child(2).active{clip-path:polygon(10% 0,100% 10%,90% 100%,0 90%);}section:nth-child(3).active{clip-path:circle(50% at 50% 50%);}section:nth-child(4).active{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);}section:nth-child(5).active{clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);}section:nth-child(6).active{clip-path:polygon(0 0,100% 20%,100% 100%,0 80%);}section:nth-child(7).active{clip-path:polygon(15% 0,100% 5%,85% 100%,0 95%);}header,#about,#roadmap,#gallery,#generator,.cta,footer{position:absolute;}.parallax-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;will-change:transform;}.parallax-bg{background:url('https://i.imgur.com/Cnv5Ntb.png') center/cover;transform:translateZ(-1px) scale(2);animation:bgWobble 10s ease-in-out infinite;}@keyframes bgWobble{0%,100%{transform:translateZ(-1px) scale(2) rotate(0deg);}50%{transform:translateZ(-1px) scale(2.1) rotate(1deg);}}header{z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;}.logo{width:40vw;max-width:400px;height:auto;filter:drop-shadow(0 0 30px var(--neon-pink));animation:burpBubble 5s ease-in-out infinite,logoGlitch 2s infinite;position:relative;transform-style:preserve-3d;}@keyframes burpBubble{0%,100%{transform:scale(1) rotateX(0deg);}50%{transform:scale(1.15) rotateX(10deg);}}@keyframes logoGlitch{0%,90%,100%{filter:hue-rotate(0deg) drop-shadow(0 0 30px var(--neon-pink));}95%{filter:hue-rotate(180deg) drop-shadow(0 0 50px var(--electric-blue));}}.logo::after{content:'';position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:var(--neon-pink);border-radius:50%;animation:burpFloat 3s ease-out infinite;opacity:0;}@keyframes burpFloat{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(0);}50%{opacity:1;transform:translateX(-50%) translateY(-80px) scale(1.2);}100%{opacity:0;transform:translateX(-50%) translateY(-150px) scale(0);}}h1{font-family:'Nosifer',cursive;font-size:clamp(2em,8vw,5em);background:linear-gradient(45deg,var(--neon-pink),var(--electric-blue),var(--lime-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:20px 0;animation:warpBounce 2s infinite,h1Shake 4s infinite;letter-spacing:0.1em;text-transform:uppercase;will-change:transform;}@keyframes warpBounce{0%,100%{transform:skew(0deg) translateY(0);}50%{transform:skew(5deg) translateY(-10px);}}@keyframes h1Shake{0%,100%{text-shadow:0 0 10px var(--neon-pink);}10%,30%,50%,70%,90%{text-shadow:2px 0 5px var(--electric-blue),-2px 0 5px var(--lime-green);}}h2{color:var(--text-dark);font-size:clamp(1.5em,5vw,3em);position:relative;animation:wiggle 3s ease-in-out infinite;font-weight:900;}@keyframes wiggle{0%,100%{transform:rotate(0deg) scale(1);}25%{transform:rotate(3deg) scale(1.05);}75%{transform:rotate(-3deg) scale(1.05);}}.story{font-style:italic;line-height:1.6;max-width:80ch;margin:0 auto;position:relative;backdrop-filter:blur(5px);padding:20px;background:rgba(255,255,255,0.1);border-radius:50% 20% / 10% 40%;color:var(--text-dark);animation:storyPulse 3s ease-in-out infinite;}@keyframes storyPulse{0%,100%{background:rgba(255,255,255,0.1);}50%{background:rgba(255,255,255,0.2);box-shadow:inset 0 0 20px var(--neon-pink);}}.story::before{content:'';position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:var(--lime-green);border-radius:50%;animation:laughFloat 4s ease-in-out infinite;opacity:0.7;}@keyframes laughFloat{0%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.3);}100%{transform:translateY(0) scale(1);}}#roadmap svg{width:100%;height:400px;display:block;margin:0 auto;filter:drop-shadow(0 0 10px var(--lime-green));animation:svgWiggle 8s ease-in-out infinite;}@keyframes svgWiggle{0%,100%{transform:rotate(0deg);}25%{transform:rotate(0.5deg);}75%{transform:rotate(-0.5deg);}}.roadmap-path{fill:none;stroke:var(--electric-blue);stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawSnake 5s ease-in-out forwards;}@keyframes drawSnake{to{stroke-dashoffset:0;}}.roadmap{position:relative;list-style:none;max-width:80ch;margin:0 auto;}.roadmap li{background:linear-gradient(135deg,var(--neon-pink),var(--electric-blue));color:white;padding:15px;border-radius:50%;font-weight:bold;opacity:0;animation:popAlong 1s forwards,liGlitch 3s infinite;cursor:pointer;transform:translateY(20px);margin:20px 0;color:var(--text-dark);background:rgba(255,255,255,0.9);}@keyframes liGlitch{0%,90%,100%{border:2px solid transparent;}95%{border:2px dashed var(--lime-green);}}.roadmap li:nth-child(1){animation-delay:1s;}.roadmap li:nth-child(2){animation-delay:2s;}.roadmap li:nth-child(3){animation-delay:3s;}.roadmap li:nth-child(4){animation-delay:4s;}@keyframes popAlong{to{opacity:1;transform:translateY(0) scale(1.1);}}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:90vw;margin:0 auto;}.gallery img{position:relative;width:100%;padding-bottom:100%;} .gallery img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;border-radius:50% 20%;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);cursor:grab;will-change:transform;filter:drop-shadow(0 0 5px var(--neon-pink));}.gallery img:hover img{transform:scale(1.2) rotate(15deg) translate(20px,-20px);z-index:5;filter:hue-rotate(360deg) drop-shadow(0 0 50px var(--neon-pink));animation:imgChaos 1s infinite;}@keyframes imgChaos{0%,100%{transform:scale(1.2) rotate(15deg);}50%{transform:scale(1.3) rotate(20deg);}}.gallery img:hover::after{content:attr(data-roast);position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);background:var(--neon-pink);color:white;padding:10px 20px;border-radius:20px;white-space:nowrap;animation:roastFloat 2s ease-out forwards;z-index:10;font-size:0.8em;box-shadow:0 0 10px var(--neon-pink);}@keyframes roastFloat{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(0.5);}50%{opacity:1;transform:translateX(-50%) translateY(-40px) scale(1.1);}100%{opacity:0;transform:translateX(-50%) translateY(-80px) scale(0.5);}}#generator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;}.controls{flex:0 1 300px;color:var(--text-dark);}#memeCanvas{flex:1;max-width:500px;height:500px;border:none;border-radius:50%;box-shadow:0 0 40px var(--lime-green);animation:canvasWobble 4s ease-in-out infinite,canvasGlitch 5s infinite;cursor:grab;}@keyframes canvasWobble{0%,100%{transform:rotate(0deg);}25%{transform:rotate(2deg);}75%{transform:rotate(-2deg);}}@keyframes canvasGlitch{0%,90%,100%{filter:none;}95%{filter:hue-rotate(90deg) contrast(1.5);}}input,button{display:block;width:100%;margin:10px 0;padding:12px;border-radius:25px;border:2px solid var(--neon-pink);font-family:inherit;color:var(--text-dark);transition:all 0.3s;}input:focus,button:hover{border-color:var(--lime-green);box-shadow:0 0 15px var(--lime-green);transform:scale(1.02);}.sample-gallery{display:flex;flex-wrap:wrap;gap:10px;}.sample-gallery img{width:80px;height:80px;object-fit:cover;border-radius:50%;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;filter:drop-shadow(0 0 3px var(--neon-pink));}.sample-gallery img:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px var(--electric-blue);}.rotation-controls{display:flex;gap:5px;flex-wrap:wrap;}.rotation-btn{padding:8px 12px;border:none;border-radius:15px;background:var(--neon-pink);color:white;cursor:pointer;transition:all 0.3s;}.rotation-btn.active{background:var(--lime-green);transform:scale(1.1);box-shadow:0 0 10px var(--lime-green);}.cta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}.cta button{padding:15px 30px;font-size:1.2em;border-radius:50px;background:linear-gradient(45deg,var(--lime-green),var(--neon-pink));color:var(--text-dark);border:none;cursor:pointer;transition:all 0.4s;position:relative;overflow:hidden;font-weight:700;}.cta button:hover{transform:translateY(-10px) scale(1.1);box-shadow:0 20px 40px rgba(0,255,0,0.3);animation:buttonPulse 0.5s infinite;}@keyframes buttonPulse{0%,100%{box-shadow:0 20px 40px rgba(0,255,0,0.3);}50%{box-shadow:0 20px 60px rgba(0,255,0,0.5);}}.cta button::after{content:'';position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:var(--neon-pink);border-radius:50%;animation:burpFloat 1s ease-out;}.contract-panel{text-align:center;padding:10px 20px;background:rgba(255,255,255,0.1);border-radius:25px;backdrop-filter:blur(5px);animation:wiggle 3s ease-in-out infinite;margin-bottom:10px;}.contract-panel h3{color:var(--text-dark);margin-bottom:10px;font-size:1.2em;}.address-container{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;}#contractAddr{background:rgba(0,0,0,0.2);padding:10px 15px;border-radius:25px;font-family:monospace;min-width:200px;text-align:center;color:var(--text-dark);border:2px solid var(--neon-pink);transition:all 0.3s;font-size:0.9em;}#copyAddr{padding:10px 15px;background:var(--neon-pink);color:white;border:none;border-radius:25px;cursor:pointer;transition:all 0.3s;font-weight:bold;font-size:0.9em;}#copyAddr:hover{background:var(--lime-green);box-shadow:0 0 15px var(--lime-green);transform:scale(1.05);}footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:10px;background:rgba(0,0,0,0.3);color:var(--text-dark);font-size:0.7em;backdrop-filter:blur(10px);overflow:hidden;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:5px;}footer p{display:inline-block;animation:footerMarquee 25s linear infinite;white-space:nowrap;}@keyframes footerMarquee{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.copyright-scroll{animation:copyrightScroll 15s linear infinite;}@keyframes copyrightScroll{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}.swarm{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;}.particle{position:absolute;width:40px;height:auto;opacity:0.6;transition:all 0.2s;mix-blend-mode:screen;}#social-icons{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100;}.social-icon{width:40px;height:40px;cursor:move;transition:transform 0.2s;filter:drop-shadow(0 0 5px var(--neon-pink));}.social-icon:hover{transform:scale(1.2);filter:drop-shadow(0 0 10px var(--electric-blue));}.social-icon:active{cursor:grabbing;}