body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/hero-bg.jpg);background-size:cover;background-position:center top;background-repeat:repeat-y;z-index:-2;will-change:auto;transform:translateZ(0)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:transparent;min-height:100vh;color:#333;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/hero-bg.jpg);background-size:cover;background-position:center top;background-repeat:repeat-y;z-index:-2;will-change:auto;transform:translateZ(0)}.top-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:8px 0;background:linear-gradient(180deg,#000000b3,#0006);z-index:1000;box-shadow:0 4px 30px #0000004d;overflow:hidden}.marquee-wrapper{width:100%;overflow:hidden;position:relative}.marquee{display:flex;animation:marqueeScroll 25s linear infinite;white-space:nowrap}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-text{font-family:Orbitron,Space Grotesk,sans-serif;font-size:12px;font-weight:900;background:linear-gradient(90deg,#ffffffe6,#87ceebe6,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;padding:0 30px;transition:all .3s;cursor:default}.marquee-text:hover{background:linear-gradient(90deg,gold,#fff,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 25px rgba(135,206,235,1)) drop-shadow(0 0 50px rgba(255,215,0,.8))}.nav-spacer{width:32px}.social-nav-link{transition:all .3s;display:flex;align-items:center;filter:brightness(1)}.social-nav-link:hover{transform:scale(1.15) rotate(5deg);filter:brightness(1.3)}.contract-section-hero-soon{position:absolute;bottom:120px;left:50%;transform:translate(-50%);z-index:10;text-align:center;pointer-events:none}.gake-float{position:absolute;top:5%;right:1%;width:350px;height:auto;opacity:.75;transform:rotate(-15deg);transition:all .5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 15px 40px rgba(0,0,0,.6));z-index:5;animation:gakeFloat 4s ease-in-out infinite}@keyframes gakeFloat{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-25px)}}.gake-float:hover{transform:rotate(-10deg) scale(1.1) translateY(-15px);opacity:.9;filter:drop-shadow(0 20px 50px rgba(135,206,235,.7)) drop-shadow(0 0 40px rgba(255,255,255,.6))}.contract-label{display:none}.contract-address-hero{font-family:Orbitron,monospace;font-size:24px;font-weight:900;background:linear-gradient(90deg,#fffffff2,#87ceebf2,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(135,206,235,.6)) drop-shadow(0 0 40px rgba(255,255,255,.4));letter-spacing:2px;display:block;text-align:center;animation:pulse 2s ease-in-out infinite;transition:all .3s ease;cursor:pointer;word-break:break-all;padding:10px}.contract-address-hero:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(135,206,235,.8)) drop-shadow(0 0 50px rgba(255,255,255,.6))}@keyframes pulse{0%,to{opacity:.8;filter:drop-shadow(0 0 20px rgba(135,206,235,.6))}50%{opacity:1;filter:drop-shadow(0 0 30px rgba(135,206,235,.9)) drop-shadow(0 0 50px rgba(255,255,255,.6))}}.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .6s ease-out,transform .6s ease-out}.hero-section.scrolled{opacity:0;transform:translateY(-100px)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1}.main-title{position:relative;z-index:2;font-family:Bangers,cursive;font-size:150px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,200,0,.6),5px 5px 0px rgba(0,0,0,.3),10px 10px 20px rgba(0,0,0,.5);letter-spacing:15px;animation:float 3s ease-in-out infinite,glow 2s ease-in-out infinite;margin-top:-150px;margin-bottom:50px;-webkit-text-stroke:2px rgba(0,0,0,.5);paint-order:stroke fill}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,200,0,.6),5px 5px 0px rgba(0,0,0,.3),10px 10px 20px rgba(0,0,0,.5)}50%{text-shadow:0 0 30px rgba(255,255,255,1),0 0 60px rgba(255,200,0,.8),5px 5px 0px rgba(0,0,0,.3),10px 10px 20px rgba(0,0,0,.5)}}.characters-section{padding:200px 20px 100px;max-width:1200px;margin:-100px auto 0;position:relative}.character-card{display:flex;gap:60px;margin-bottom:150px;align-items:center;opacity:0;transform:scale(.7) translateY(80px) translateZ(0);transition:opacity 1s cubic-bezier(.34,1.56,.64,1),transform 1s cubic-bezier(.34,1.56,.64,1);perspective:1000px}.character-card.visible{opacity:1;transform:scale(1) translateY(0) translateZ(0)}.character-card.hidden{opacity:0;transform:scale(.7) translateY(-80px) translateZ(0)}.character-card:nth-child(2n){flex-direction:row-reverse}.character-img-link{display:block;perspective:1000px;animation:floatImg 4s ease-in-out infinite;transform:translateZ(0)}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.character-img{width:400px;height:400px;object-fit:cover;border-radius:30px;box-shadow:0 20px 60px #0006;border:none;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s,filter .5s;transform-style:preserve-3d;transform:translateZ(0)}.character-img-link:hover .character-img{transform:scale(1.08) rotateY(10deg) rotateX(5deg);box-shadow:0 30px 80px #00000080,0 0 40px #87ceeb99,inset 0 0 20px #fff3;border-color:#87ceebcc;filter:brightness(1.1) saturate(1.2)}.character-info{flex:1;background:#ffffff0d;padding:40px;border-radius:30px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1);transition:transform .6s cubic-bezier(.4,0,.2,1),box-shadow .6s,border-color .6s;transform:translateZ(0)}.character-info:hover{transform:translate(5px) scale(1.01);box-shadow:0 25px 70px #0006,0 0 30px #87ceeb4d;border-color:#87ceeb66}.character-name{font-family:Righteous,cursive;font-size:42px;color:#1a4d7a;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-transform:uppercase}.character-desc{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;line-height:1.8;color:#0a0a0a;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 3px rgba(255,255,255,.6);animation:floatText 5s ease-in-out infinite;animation-delay:.5s;text-transform:uppercase}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.footer{background:transparent;padding:80px 20px 40px;text-align:center;position:relative}.twitter-float{position:absolute;top:-120px;left:50%;transform:translate(-50%);transition:all .3s;filter:brightness(1)}.twitter-float img{width:60px;height:60px}.twitter-float:hover{transform:translate(-50%) translateY(-5px) scale(1.15);filter:brightness(1.3) drop-shadow(0 0 20px rgba(29,161,242,.8))}.scroll-to-top{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:60px;height:60px;background:linear-gradient(135deg,#87ceeb66,#6495ed66);border:2px solid rgba(135,206,235,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 32px #87ceeb80;z-index:999}.scroll-to-top:hover{transform:translate(-50%) translateY(-5px) scale(1.1);box-shadow:0 12px 40px #87ceebb3;background:linear-gradient(135deg,#87ceeb99,#6495ed99)}.footer-content{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:40px}.footer-contract-section-soon{text-align:center;width:100%;margin:0 auto;pointer-events:none}.footer-contract-address{font-family:Orbitron,monospace;font-size:18px;font-weight:900;background:linear-gradient(90deg,#fffffff2,#87ceebf2,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(135,206,235,.6)) drop-shadow(0 0 40px rgba(255,255,255,.4));letter-spacing:1px;display:block;text-align:center;animation:pulse 2s ease-in-out infinite;transition:all .3s ease;cursor:pointer;word-break:break-all;padding:10px}.footer-contract-address:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(135,206,235,.8)) drop-shadow(0 0 50px rgba(255,255,255,.6))}.social-links{display:flex;justify-content:center;align-items:center;gap:50px}.social-icon{transition:all .3s;display:flex;align-items:center;justify-content:center;filter:brightness(1);width:70px;height:70px}.social-icon:hover{transform:scale(1.2) rotate(5deg);filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,.5))}.footer-logo{width:70px;height:70px;object-fit:contain}@media (max-width: 768px){body:before{background-size:auto 100%;background-position:center top}.top-nav{padding:10px 15px;justify-content:flex-end}.nav-spacer{display:none}.social-nav-link img{width:28px;height:28px}.hero-section{height:100vh;padding:0 20px}.main-title{font-size:48px;letter-spacing:3px;margin-top:-100px;margin-bottom:30px}.contract-section-hero{bottom:80px;width:95%;max-width:95vw;padding:0 10px}.contract-address-hero{font-size:14px;letter-spacing:0;word-break:break-all}.contract-address-hero.copied{font-size:32px}.characters-section{padding:150px 15px 80px;margin-top:-50px}.character-card{flex-direction:column!important;gap:25px;margin-bottom:100px}.character-img-link{width:100%}.character-img{width:100%;height:auto;max-width:350px;margin:0 auto;display:block}.character-info{padding:30px 25px}.character-name{font-size:32px;text-align:center}.character-desc{font-size:16px;line-height:1.7;text-align:center}.scroll-to-top{bottom:20px;right:20px;width:50px;height:50px;font-size:28px}.footer{padding:60px 15px 30px}.footer-content{gap:30px}.footer-contract-section{width:95%;max-width:95vw}.footer-contract-address{font-size:14px;letter-spacing:0;word-break:break-all}.footer-contract-address.copied{font-size:32px}.social-links{gap:30px;flex-wrap:wrap}.footer-logo{width:55px;height:55px}}@media (max-width: 480px){.main-title{font-size:36px;letter-spacing:2px}.contract-address-hero{font-size:11px}.character-name{font-size:28px}.character-desc{font-size:15px}.footer-contract-address{font-size:11px}.social-links{gap:20px}.footer-logo{width:45px;height:45px}}
