.container-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.container{width:100%;max-width:1440px;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;font-family:Space Grotesk,sans-serif}.container .nav{position:relative;display:flex;z-index:10;justify-content:space-between;align-items:center;margin:15px;padding:0 30px;border-radius:60px}.nav-left{display:flex;align-items:center;gap:64px}.nav img.logo{height:28px;margin:15px 0}.nav-menu{display:flex;align-items:center;gap:32px}.nav-menu a{color:#fff;text-decoration:none;font-size:16px;opacity:.7;padding:20px 0;transition:opacity .2s}.nav-menu a:hover{opacity:1}.community-menu{position:relative}.community-btn{background:none;border:none;color:#fff;font-size:16px;opacity:.7;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;transition:opacity .2s}.community-btn:hover{opacity:1}.community-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:200px;padding:8px;z-index:1000;background:#171717cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid transparent;background-clip:padding-box}.community-dropdown:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:12px;padding:1px;background:linear-gradient(180deg,#ffffff4d,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.container *{z-index:2}.community-dropdown a{display:block;padding:12px 16px;color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:all .2s;border-radius:8px;text-shadow:0 0 20px rgba(255,255,255,.1)}.community-dropdown a:hover{background:#ffffff0d;transform:translate(4px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.community-dropdown{animation:dropdownFadeIn .2s ease-out}.nav-stats{position:relative;z-index:2;display:flex;align-items:center;gap:24px}.stat{font-size:16px;color:#ffffffb3}.stat span{color:#fff;margin-left:4px}.connect-btn{background:#171717e6;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.connect-btn:hover{background:#ffffff1a}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 48px;margin-top:-88px;max-width:800px}.main-content .title h1{font-family:Goldman,sans-serif}.main-content h1{font-family:Goldman,sans-serif;font-size:64px;font-weight:700;line-height:1.1;margin-top:-3rem;letter-spacing:-.02em;text-shadow:0 0 20px rgba(255,255,255,.3)}.main-content p{font-size:20px;color:#ffffffb3;margin:24px 0 32px}.actions{display:flex;gap:16px;align-items:center}.apy-badge{display:flex;align-items:center;gap:8px;background:#171717e6;padding:8px 16px;border-radius:8px;font-size:14px}.apy-badge .value{color:#5ccfe6}.launch-btn{background:#5ccfe6;border:none;padding:8px 24px;border-radius:8px;color:#000;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s}.launch-btn:hover{transform:translateY(-1px)}.footer{padding:24px 80px;font-size:14px;color:#ffffff80;z-index:2}.particles-container{position:absolute;top:5%;right:0;width:50%;height:80%;pointer-events:none;z-index:1}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;transition:all .3s ease;opacity:.7;position:relative;z-index:1}.nav-link:hover{opacity:1}.nav-link.active{color:#6be3fb;opacity:1}.nav-link.active:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.subtitle{font-family:Kufam,sans-serif;color:#e0e0e0;display:block;padding:0;margin-top:16px;margin-bottom:24px;text-decoration:none}.hamburger,.mobile-nav,.mobile-community{display:none}@media screen and (max-width: 768px){.nav-menu,.particles-container{display:none}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1000;margin-left:auto;float:right}.hamburger span{width:100%;height:2px;background-color:#fff;transition:all .3s ease;border-radius:1px}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#171717fa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-nav.open{right:0}.mobile-community{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:16px}.mobile-community a{color:#fff;text-decoration:none;font-size:18px;opacity:.7;transition:all .2s ease;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;min-width:120px;text-align:center}.mobile-community a:hover{opacity:1;transform:translate(4px);background:#ffffff1a}.mobile-nav .nav-link{font-size:24px;margin:16px 0;opacity:.7;transition:all .2s ease;color:#5ccfe6;text-decoration:none}.mobile-nav .nav-link:hover{opacity:1;transform:translate(4px)}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-image:url(/assets/bg-BP3xP7Wc.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#root{min-height:100vh;width:100%}.footer{background:#6be3fb;position:fixed;left:0;width:100%;bottom:0;box-sizing:border-box}.footer img{height:3rem;object-fit:contain;margin-left:50px}.animate-marquee{position:relative;width:100%;overflow:hidden}.animate-marquee-track{display:flex;width:fit-content;animation:marquee 120s linear infinite}.animate-marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.actions{display:flex;gap:20px;align-items:center}.launch-btn{position:relative;text-decoration:none;padding:12px 40px;font-size:16px;font-weight:600;color:#fff;background:#000;border:1px solid #00f0ff;border-radius:0 8px;cursor:pointer;text-transform:uppercase;background:radial-gradient(circle at bottom,#00f0ff26,#0006 70%);transition:all .3s ease,background-color .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 0 0 1px #00f0ff,0 0 10px #00f0ffcc,0 0 20px #00f0ff4d,0 0 40px #00f0ff1a}.launch-btn:hover{box-shadow:0 0 0 1px #00f0ff,0 0 15px #00f0ffe6,0 0 30px #00f0ff66,0 0 60px #00f0ff33}.apy-badge{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#202020cc;border:1px solid #555;border-radius:8px;color:#fff;font-size:16px}.apy-badge .value{color:#00f0ff;font-weight:600}.apy-badge .info{opacity:.6;font-size:14px}.info-container{position:relative;display:inline-block}.info{opacity:.6;cursor:pointer;font-size:14px;transition:opacity .2s ease}.apy-popover{position:absolute;bottom:calc(100% + 10px);right:100%;background:#0d111cf2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;width:380px;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006;opacity:0;visibility:hidden;transform:translateY(10px) translate(400px);transition:all .2s ease}.apy-popover h3{margin:0}.apy-popover p{font-size:12px;font-weight:100}.apy-popover .last-updated{font-size:12px;font-weight:100;margin-top:12px}.info-container:hover .apy-popover{opacity:1;visibility:visible;transform:translateY(50px) translate(400px)}.info-icon{display:inline-flex;align-items:center;justify-content:center;height:12px;width:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALoSURBVHgBxVfdbSIxEPYCEq+U4KsgXAXsdZBUEH4EEk+BCoAKEp6Q+KeCu6sgmwoCHWwJPCLEz32fGXN7RMd6ISifZGx2x/PZM57xrFJfCM9VcDKZ5NDl9/v9PfoCmkbLyesl2hxt4XleUCqVfrnojCUX0ieQNiJkcQixiOlqtZrV6/VQXUIOYpK2I6QB/r/tdrtgs9mEVjEXiP/5TCZzh/dFPMrbRaC1y+XyLBE5FD7Lbg3pdrvtVKvVQDlgMBj46XS6haFvSDzvBa5oOpGDeCI7WKLvVCqVF3UBRqNRA8RcRA56ptBTOkse2XEIUz7UarW5ugL9fp/u+ImhPrWAd7LSIgQmGC5B/ONa4pMFvKqDBZrWkkdy7FjjBQV0VOAcMIcHK4fdBHGy4oJnDJfov2HOMhV5/6gOsRs4ErewyHcumIrj5EVnwMUiWoz8kVwOmOKpVg6QZGOAnTy5zLG6Kc/wNOTD4ZCKNNrcNZxAHkbGTnNEN5vJC4Y8lUr5omSmHAEzPkC+hF00ML/pOo9Jij3ywH1Gnt3xB75IdLqxgKlKCGZHSUAF63OTDhEOicjpt16vp5PMAUcoQ23JTe7m8VcJwNOezWbfk8wBR2g5M+o6aHUF7M7NjpOa8BLIFW04LXnIH/hDq9vDXrdzS26Ovw25WwKn3ZIvDDkyjyl7ELMFdWOA41GGr4ZcQox+91kIqBsB/vbVwewhqpvfhpwhhrDpciwJ4CYAR0t6k0mPFwv8zVvH7N7llhJQPnQRZD2oDmVVuF6vp/+Qy+7trdNiARCnEHLf2eLkqEsKUaJtC88PZdR4PKYFuMpPL6PQuvD10aqpU2F5SZ9olj4JXPABNLWUT5o6o8TEf0vniAWIAObtuJRLQurL4fLlUfeU+Cw5IQVlS/3N4XN+iaBfcGwvItZ/IlMAqR8hPVt6u3wuaWSloiQHrdxgQpcRdO6mdP5QJFhuSQpm8WEqV0umDiH3xmzJpOVyPf8BddmMn1At//QAAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 768px){.main-content{padding:20px;height:100vh;display:flex;flex-direction:column;justify-content:center}.title{text-align:center}.main-content .title h1{font-size:25px;line-height:1.2;letter-spacing:1px;margin-bottom:16px}.subtitle p{font-size:12px;margin:16px auto;max-width:300px;line-height:1.4}.actions{flex-direction:column;align-items:center;gap:16px;margin-top:32px}.launch-btn{width:100%;max-width:280px;height:48px;font-size:16px}.apy-badge{padding:8px 16px;font-size:14px;width:fit-content}.apy-popover{width:280px;left:50%;transform:translate(-50%);bottom:120%}}
