.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-content{position:relative;text-align:center;padding:40px;max-width:800px;width:90%}.loading-logo{width:240px;height:240px;margin:0 auto 40px;filter:drop-shadow(0 0 30px rgba(160,32,240,.8))}.loading-logo img{width:100%;height:100%;object-fit:contain}.loading-text{position:relative;font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:2px;margin-bottom:40px;text-transform:uppercase;z-index:1}.loading-bar-container{position:relative;width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:20px;z-index:1}.loading-bar{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-cyan));box-shadow:0 0 10px var(--color-cyan);border-radius:2px}.loading-subtext{position:relative;font-family:var(--font-primary);font-size:14px;color:#ffffffb3;letter-spacing:1px;z-index:1}.loading-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,var(--color-cyan),transparent);box-shadow:0 0 6px var(--color-cyan)}@media (max-width: 768px){.loading-text{font-size:14px}.loading-logo{width:180px;height:180px}.loading-subtext{font-size:12px}}.navigation{position:fixed;top:0;left:0;width:100%;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(160,32,240,.3);z-index:1000;padding:16px 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.nav-logo img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(160,32,240,.6))}.logo-text{font-family:var(--font-primary);font-size:20px;font-weight:900;letter-spacing:1px}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{display:flex;align-items:center;gap:8px;color:#ffffffb3;text-decoration:none;font-family:var(--font-mono);font-size:14px;transition:all .3s ease;position:relative}.nav-link svg{transition:all .3s ease}.nav-link span{opacity:0;max-width:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.nav-link:hover{color:var(--color-cyan)}.nav-link:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--color-cyan))}.nav-link:hover span{opacity:1;max-width:100px;margin-left:4px}.wallet-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wallet-button{padding:10px 24px;font-family:var(--font-mono);font-size:14px;font-weight:700;color:#fff;background:#0a0a0fe6;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;overflow:hidden}.wallet-button:disabled{cursor:not-allowed;opacity:.7}.wallet-button:not(:disabled):hover{box-shadow:0 0 20px #00f5ff80}.wallet-button.connected{color:var(--color-gold);cursor:pointer}.wallet-button.connected:hover{box-shadow:0 0 20px #ffd70080;background:#ffd7001a}.wallet-button.connecting:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.wallet-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-gold);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--color-gold);flex-shrink:0}.wallet-address{font-family:var(--font-mono)}.wallet-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-cyan);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.chain-warning{font-size:12px;animation:pulse 1s ease-in-out infinite}.network-indicator{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#0a0a0fcc;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.network-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.network-dot.bsc{background:#f3ba2f;box-shadow:0 0 6px #f3ba2f;animation:pulse 2s ease-in-out infinite}.network-dot.other{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b}.network-name{font-family:var(--font-mono);font-size:11px;color:#ffffffb3;text-transform:uppercase}@media (max-width: 968px){.nav-container{padding:0 20px}.nav-links{gap:20px}.nav-link span,.nav-link:hover span,.network-indicator{display:none}}@media (max-width: 640px){.nav-logo{gap:8px}.nav-logo img{width:32px;height:32px}.logo-text{font-size:16px}.nav-links{gap:16px}.nav-link svg{width:20px;height:20px}.wallet-button{padding:8px 16px;font-size:12px}.wallet-address{max-width:80px;overflow:hidden;text-overflow:ellipsis}}.no-wallet-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.no-wallet-modal{position:relative;background:#0a0a0ff2;border:2px solid var(--color-purple);border-radius:16px;padding:40px 60px;box-shadow:0 0 40px #a020f080,inset 0 0 20px #a020f01a;max-width:500px;width:90%;text-align:center}.no-wallet-text{font-family:var(--font-primary);font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.5;text-shadow:0 0 10px rgba(160,32,240,.5)}.no-wallet-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;color:#ffffffb3;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.no-wallet-close:hover{color:var(--color-cyan);background:#00f5ff1a;transform:rotate(90deg)}@media (max-width: 640px){.no-wallet-modal{padding:30px 40px}.no-wallet-text{font-size:16px}.no-wallet-close{width:28px;height:28px;font-size:20px;top:10px;right:10px}}.countdown-timer{position:relative;width:100%;max-width:400px;background:#0a0a0ff2;border:2px solid rgba(160,32,240,.4);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 40px #a020f04d,inset 0 0 20px #a020f01a;overflow:hidden;margin:0 auto}.timer-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:1px}.timer-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}.timer-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.time-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.time-value{font-family:var(--font-mono);font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--color-purple),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(160,32,240,.5);line-height:1;min-width:60px;text-align:center}.time-label{font-family:var(--font-mono);font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.time-separator{font-family:var(--font-mono);font-size:32px;font-weight:700;color:#ffffff4d;margin:0 4px;animation:pulse 1s ease-in-out infinite}.timer-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-cyan));border-radius:2px;transition:width 1s linear;box-shadow:0 0 10px var(--color-purple)}.timer-status{text-align:center;font-family:var(--font-mono);font-size:12px;color:#ffffffb3;letter-spacing:.5px}.timer-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:-1}.decoration-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:1px solid var(--color-purple);border-radius:50%}@media (max-width: 768px){.countdown-timer{max-width:100%;padding:20px}.time-value{font-size:28px;min-width:50px}.time-separator{font-size:24px}}@media (max-width: 480px){.countdown-timer{padding:16px}.timer-header{font-size:12px;margin-bottom:12px}.time-value{font-size:24px;min-width:40px}.time-label{font-size:9px}.time-separator{font-size:20px;margin:0 2px}.timer-status{font-size:11px}}.hero-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 20px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.hero-title{font-family:var(--font-primary);font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.3;margin:0 auto 20px;text-align:center;width:100%;box-sizing:border-box;text-shadow:0 0 20px rgba(160,32,240,.5)}.hero-subtitle{font-family:var(--font-primary);font-size:clamp(14px,2vw,18px);font-weight:300;line-height:1.8;color:#fffc;max-width:900px;margin:0 auto 50px;text-align:center;width:100%;box-sizing:border-box}.power-wrapper{position:relative;width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 0;box-sizing:border-box}.countdown-wrapper{position:relative;width:100%;margin-bottom:40px;z-index:3;display:flex;align-items:center;justify-content:center}.hero-bg-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.energy-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:2px solid var(--color-purple);border-radius:50%;box-shadow:0 0 30px #a020f099,inset 0 0 30px #a020f066}.energy-ring-2{width:220px;height:220px;border-width:1px;opacity:.5}.power-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:auto;box-sizing:border-box}.power-number{font-family:var(--font-mono);font-size:clamp(64px,12vw,120px);font-weight:900;background:linear-gradient(135deg,var(--color-purple),var(--color-cyan),var(--color-gold));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;line-height:1;text-align:center;display:block;width:auto;margin:0;box-sizing:border-box}.power-percent{font-size:.5em;margin-left:4px}.power-label{font-family:var(--font-mono);font-size:clamp(12px,1.5vw,16px);color:#fff9;text-transform:uppercase;letter-spacing:3px;margin-top:12px;text-align:center;display:block;width:auto;box-sizing:border-box}.stage-description{margin:30px auto 0;padding:14px 32px;background:#a020f026;border:1px solid rgba(160,32,240,.4);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 20px #a020f033;text-align:center;width:auto;max-width:90%;box-sizing:border-box}.stage-text{font-family:var(--font-mono);font-size:clamp(12px,1.5vw,16px);color:var(--color-cyan);letter-spacing:1px;text-shadow:0 0 10px rgba(0,245,255,.5);text-align:center;white-space:nowrap;margin:0}@media (max-width: 768px){.hero-section{padding:60px 15px 40px}.energy-ring{width:140px;height:140px}.energy-ring-2{width:170px;height:170px}.stage-description{padding:10px 20px}.power-wrapper{margin:20px 0}}@media (max-width: 480px){.hero-section{padding:40px 15px 30px}.hero-title{margin-bottom:16px}.hero-subtitle{margin-bottom:30px}.power-wrapper{margin:15px 0}.energy-ring{width:120px;height:120px}.energy-ring-2{width:150px;height:150px}.stage-description{margin-top:20px;padding:8px 16px}}.butterfly-scene{width:100%;height:100%;position:relative;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.butterfly-main-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-width:500px;height:auto;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.butterfly-main{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 40px rgba(160,32,240,.8));box-sizing:border-box}.butterfly-main img{width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}.butterfly-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;z-index:1;pointer-events:none}.particles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:6px;height:6px;border-radius:50%}.energy-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:2px solid;border-radius:50%;pointer-events:none;z-index:1}.power-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:auto;margin:0;box-sizing:border-box}.power-text{font-family:var(--font-mono);font-size:clamp(40px,7vw,70px);font-weight:900;line-height:1;text-shadow:0 0 30px currentColor;margin:0 auto 6px;text-align:center;display:block;width:auto;box-sizing:border-box}.power-stage{font-family:var(--font-mono);font-size:clamp(12px,1.8vw,16px);color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,255,255,.5);text-align:center;display:block;width:auto;margin:0 auto;white-space:nowrap;box-sizing:border-box}@media (max-width: 768px){.butterfly-main-wrapper{width:70%;max-width:350px}.energy-ring{width:250px;height:250px}.power-text{font-size:clamp(36px,7vw,55px)}.power-stage{font-size:clamp(11px,1.8vw,14px)}}@media (max-width: 480px){.butterfly-main-wrapper{width:80%;max-width:280px}.energy-ring{width:200px;height:200px}.particle{width:4px;height:4px}.power-text{font-size:clamp(32px,7vw,48px)}.power-stage{font-size:clamp(10px,1.8vw,13px);letter-spacing:1.5px}}.evolution-nodes-container{position:relative;width:100%;max-width:1200px;margin:60px auto 40px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.progress-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-sizing:border-box}.progress-title{font-family:var(--font-mono);font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--color-cyan);text-shadow:0 0 10px rgba(0,245,255,.5);margin:0}.progress-stats{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:clamp(16px,2vw,20px);color:#ffffffe6}.current-count{color:var(--color-cyan);font-weight:900;text-shadow:0 0 10px rgba(0,245,255,.8)}.separator{color:#ffffff80}.total-count{color:#fff9}.progress-bar-wrapper{width:100%;max-width:900px;margin:0 auto 40px;position:relative;box-sizing:border-box}.progress-bar-bg{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.progress-bar-fill{height:100%;border-radius:6px;position:relative;box-shadow:0 0 20px #a020f099;transition:width .5s ease}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nodes-markers{position:relative;width:100%;max-width:900px;height:60px;margin:0 auto 30px;box-sizing:border-box}.node-marker{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:40px;box-sizing:border-box}.marker-icon{font-size:20px;margin-bottom:4px;filter:drop-shadow(0 0 8px currentColor);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.marker-label{font-family:var(--font-mono);font-size:10px;color:#ffffff80;margin-top:4px}.node-marker.active .marker-label{color:#fffc;font-weight:700}.nodes-legend{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px 30px;background:#0a0a0f99;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.legend-item{display:flex;align-items:center;gap:10px}.legend-icon{font-size:24px;filter:drop-shadow(0 0 8px currentColor)}.legend-text{font-family:var(--font-mono);font-size:14px;color:#ffffffe6}@media (max-width: 768px){.evolution-nodes-container{padding:30px 15px;margin:40px auto 30px}.progress-header{flex-direction:column;gap:15px;align-items:center;text-align:center}.progress-bar-wrapper{margin-bottom:30px}.progress-bar-bg{height:10px}.nodes-markers{height:50px;margin-bottom:20px}.marker-icon{font-size:18px}.marker-label{font-size:9px}.nodes-legend{gap:20px;padding:15px 20px;flex-wrap:wrap}.legend-icon{font-size:20px}.legend-text{font-size:12px}}@media (max-width: 480px){.evolution-nodes-container{padding:20px 10px;margin:30px auto 20px}.progress-title,.progress-stats{font-size:16px}.progress-bar-bg{height:8px}.nodes-markers{height:40px}.marker-icon{font-size:16px}.marker-label{font-size:8px}.nodes-legend{gap:15px;padding:12px 15px}.legend-icon{font-size:18px}.legend-text{font-size:11px}}.evolution-roadmap{position:relative;width:100%;padding:100px 20px 80px;margin:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,.3) 20%,rgba(26,26,46,.5) 50%,rgba(10,10,15,.3) 80%,transparent 100%);overflow:hidden}.roadmap-header{text-align:center;margin-bottom:80px;position:relative;z-index:1}.roadmap-title{font-family:var(--font-primary);font-size:clamp(28px,5vw,42px);font-weight:900;background:linear-gradient(135deg,var(--color-purple),var(--color-cyan),var(--color-gold));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.title-icon{font-size:36px;filter:drop-shadow(0 0 20px rgba(160,32,240,.8));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.roadmap-subtitle{font-family:var(--font-mono);font-size:clamp(14px,2vw,18px);color:#fffc;margin-bottom:30px;letter-spacing:1px}.title-divider{width:300px;height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--color-purple),var(--color-cyan),var(--color-purple),transparent);box-shadow:0 0 20px #a020f099;animation:lineGlow 2s ease-in-out infinite}.roadmap-stages{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.stage-card{position:relative;background:#0a0a0fcc;border:2px solid rgba(160,32,240,.3);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s ease;overflow:hidden;box-sizing:border-box}.stage-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(160,32,240,.1),transparent);transition:left .6s ease}.stage-card:hover:before{left:100%}.stage-card.active{border-color:var(--stage-color);box-shadow:0 0 40px #a020f066,inset 0 0 40px #a020f01a;transform:scale(1.02)}.stage-card.past{border-color:#a020f080;opacity:.8}.card-active-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,var(--stage-color) 0%,transparent 70%);opacity:.2;animation:glowPulse 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes glowPulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.stage-number{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:2}.number-badge{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--stage-color),transparent);border:2px solid var(--stage-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:20px;font-weight:900;color:#fff;box-shadow:0 0 20px var(--stage-color)}.stage-icon{font-size:32px;filter:drop-shadow(0 0 15px var(--stage-color));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stage-info{position:relative;z-index:1}.stage-header{margin-bottom:20px}.stage-name{font-family:var(--font-primary);font-size:clamp(24px,4vw,32px);font-weight:900;color:var(--stage-color);text-shadow:0 0 20px var(--stage-color);margin-bottom:8px}.stage-english{font-family:var(--font-mono);font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:2px}.stage-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;align-items:center}.energy-range{font-family:var(--font-mono);font-size:14px;font-weight:700;padding:6px 14px;background:#a020f026;border:1px solid currentColor;border-radius:20px;text-shadow:0 0 10px currentColor}.stage-tag{font-family:var(--font-mono);font-size:12px;color:#ffffffb3;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px}.stage-content{display:flex;flex-direction:column;gap:20px}.content-section{padding:16px;background:#0000004d;border-left:3px solid var(--stage-color);border-radius:8px}.section-title{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--stage-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.section-text{font-family:var(--font-primary);font-size:15px;line-height:1.8;color:#ffffffe6}.highlight-section{background:linear-gradient(135deg,#a020f033,#00f5ff33);border-left-color:var(--color-gold);display:flex;align-items:flex-start;gap:12px;padding:20px}.highlight-icon{font-size:24px;flex-shrink:0}.highlight-text{font-family:var(--font-primary);font-size:16px;font-weight:700;line-height:1.8;color:var(--color-gold);text-shadow:0 0 15px rgba(255,215,0,.5);margin:0}.stage-decoration{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--stage-color),transparent);opacity:0;transition:opacity .3s ease}.stage-card:hover .stage-decoration,.stage-card.active .stage-decoration{opacity:1;box-shadow:0 0 15px var(--stage-color)}.roadmap-footer{margin-top:60px;text-align:center;position:relative;z-index:1}.footer-note{font-family:var(--font-mono);font-size:13px;color:#fff9;line-height:1.8;max-width:800px;margin:0 auto;padding:20px;background:#0a0a0f80;border:1px solid rgba(160,32,240,.2);border-radius:12px}.note-icon{color:var(--color-cyan);margin-right:8px;font-size:16px}@media (max-width: 768px){.evolution-roadmap{padding:60px 15px 50px;margin:60px 0}.roadmap-header{margin-bottom:50px}.roadmap-stages{gap:30px}.stage-card{padding:30px 20px}.stage-number{top:15px;right:15px}.number-badge{width:40px;height:40px;font-size:16px}.stage-icon{font-size:24px}.stage-name{font-size:22px}.content-section{padding:14px}.section-text{font-size:14px}.highlight-section{padding:16px}.highlight-text{font-size:14px}}@media (max-width: 480px){.evolution-roadmap{padding:40px 10px 30px;margin:40px 0}.roadmap-header{margin-bottom:40px}.roadmap-stages{gap:25px}.stage-card{padding:25px 15px}.stage-number{position:relative;top:0;right:0;margin-bottom:15px;justify-content:flex-start}.stage-meta{flex-direction:column;align-items:flex-start;gap:10px}.content-section{padding:12px}}.neural-log{position:fixed;bottom:20px;left:20px;width:400px;max-height:500px;background:#0a0a0ff2;border:1px solid rgba(0,245,255,.3);border-radius:12px;overflow:hidden;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00f5ff33;transition:all .3s ease}.neural-log.hidden{transform:translate(-420px);opacity:0;pointer-events:none}.log-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00f5ff1a;border-bottom:1px solid rgba(0,245,255,.3)}.log-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-cyan);text-transform:uppercase;letter-spacing:1px}.title-icon{font-size:16px;animation:pulse 2s ease-in-out infinite}.log-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,245,255,.5);border-radius:4px;color:var(--color-cyan);font-size:16px;cursor:pointer;transition:all .3s ease}.log-toggle:hover{background:#00f5ff33;transform:scale(1.1)}.log-content{max-height:400px;overflow-y:auto;padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.6}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:#0000004d}.log-content::-webkit-scrollbar-thumb{background:#00f5ff80;border-radius:3px}.log-entry{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:8px;background:#0000004d;border-radius:4px;border-left:2px solid var(--color-cyan);animation:fadeInMatrix .3s ease}.log-timestamp{color:#fff6;min-width:70px}.log-prefix{font-weight:700;text-shadow:0 0 8px currentColor}.log-text{flex:1;color:#ffffffe6;word-break:break-word}.log-footer{padding:8px 16px;background:#00000080;border-top:1px solid rgba(0,245,255,.3)}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:var(--color-cyan);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--color-cyan)}.status-text{font-family:var(--font-mono);font-size:11px;color:#ffffffb3}.log-minimized-button{position:fixed;bottom:20px;left:20px;width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0ff2;border:2px solid var(--color-cyan);border-radius:50%;cursor:pointer;z-index:100;box-shadow:0 0 20px #00f5ff80;transition:all .3s ease}.log-minimized-button:hover{transform:scale(1.1);box-shadow:0 0 30px #00f5ffcc}.log-minimized-button span:first-child{font-size:24px}.minimized-count{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-cyan);color:var(--color-dark);font-size:10px;font-weight:700;border-radius:50%;box-shadow:0 0 10px var(--color-cyan)}@media (max-width: 768px){.neural-log{width:calc(100vw - 40px);max-width:350px;max-height:400px;bottom:80px}.log-content{max-height:300px;font-size:10px}.log-minimized-button{bottom:80px}}@media (max-width: 480px){.neural-log{width:calc(100vw - 32px);left:16px;bottom:70px;max-height:300px}.log-content{max-height:200px;padding:8px}.log-entry{padding:6px;font-size:10px}.log-minimized-button{width:48px;height:48px;left:16px;bottom:70px}}.preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-modal{position:relative;width:90%;max-width:700px;max-height:90vh;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0ff2);border:2px solid var(--color-gold);border-radius:20px;padding:40px;overflow-y:auto;box-shadow:0 0 50px #ffd70080,inset 0 0 50px #ffd7001a}.preview-header{text-align:center;margin-bottom:32px}.warning-icon{font-size:48px;margin-bottom:16px;animation:pulse 1s ease-in-out infinite}.preview-title{font-family:var(--font-primary);font-size:clamp(20px,4vw,32px);font-weight:900;line-height:1.3}.preview-content{margin-bottom:32px}.preview-text{font-family:var(--font-primary);font-size:clamp(14px,2vw,16px);line-height:1.8;color:#ffffffe6;text-align:center;margin-bottom:32px}.preview-text p{margin-bottom:12px}.highlight{color:var(--color-gold);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.omniscient-visualization{position:relative;width:250px;height:250px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.energy-core{position:absolute;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:120px;height:120px;margin:0!important;background:radial-gradient(circle,var(--color-gold),var(--color-purple));border-radius:50%;box-shadow:0 0 40px #ffd700cc,0 0 80px #a020f099,inset 0 0 30px #ffffff80;z-index:1;box-sizing:border-box}.core-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;margin:0;background:radial-gradient(circle,#ffffff,transparent);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-sizing:border-box}.power-percentage{position:absolute;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;font-family:var(--font-mono);font-size:36px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,215,0,.8);pointer-events:none;z-index:3;text-align:center;width:auto;box-sizing:border-box}.abilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.ability-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;transition:all .3s ease}.ability-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #ffd7004d}.ability-icon{font-size:32px;filter:drop-shadow(0 0 10px currentColor)}.ability-text{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-gold);text-align:center}.preview-footer{text-align:center;padding:20px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:12px}.disconnect-text{font-family:var(--font-mono);font-size:16px;font-weight:700;color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5);margin-bottom:8px}.disconnect-warning{font-family:var(--font-mono);font-size:12px;color:#fff9}.preview-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.preview-close-btn:hover{background:#fff3;transform:rotate(90deg)}.preview-bg-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:20px}.bg-particle{position:absolute;width:4px;height:4px;background:var(--color-gold);border-radius:50%;box-shadow:0 0 10px var(--color-gold)}@media (max-width: 768px){.preview-modal{padding:24px}.warning-icon{font-size:36px}.omniscient-visualization{width:200px;height:200px}.energy-core{width:80px;height:80px}.power-percentage{font-size:28px}.abilities-grid{grid-template-columns:1fr;gap:12px}.ability-card{flex-direction:row;padding:12px}.ability-icon{font-size:24px}}@media (max-width: 480px){.preview-modal{padding:20px;max-height:95vh}.omniscient-visualization{width:150px;height:150px}.disconnect-text{font-size:14px}.disconnect-warning{font-size:11px}}.mutation-effect-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;overflow:hidden}.flash-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1}.energy-ripple{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border:3px solid;border-radius:50%;z-index:2}.mutation-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3}.mutation-icon{font-size:72px;margin-bottom:16px;filter:drop-shadow(0 0 20px currentColor);animation:pulse .5s ease-in-out 3}.mutation-title{font-family:var(--font-primary);font-size:clamp(28px,5vw,48px);font-weight:900;margin-bottom:12px;text-shadow:0 0 30px rgba(255,255,255,.8)}.mutation-detail{font-family:var(--font-mono);font-size:clamp(16px,2vw,24px);color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.5)}.mutation-detail span{font-weight:900;font-size:1.3em;text-shadow:0 0 20px currentColor}.particle-burst{position:absolute;top:50%;left:50%;width:0;height:0;z-index:2}.burst-particle{position:absolute;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px currentColor}@media (max-width: 768px){.mutation-icon{font-size:56px}.energy-ripple{width:200px;height:200px;border-width:2px}}@media (max-width: 480px){.mutation-icon{font-size:48px}.energy-ripple{width:150px;height:150px}}.token-info-footer{position:relative;width:100%;padding:80px 20px 60px;margin-top:100px;background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,.95) 10%,rgba(26,26,46,.9) 50%,rgba(10,10,15,.95) 90%,transparent 100%);border-top:2px solid rgba(160,32,240,.4);border-bottom:2px solid rgba(160,32,240,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;overflow:hidden}.token-info-bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(160,32,240,.15) 0%,transparent 70%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,245,255,.1),transparent),radial-gradient(2px 2px at 80% 70%,rgba(160,32,240,.1),transparent);background-size:200% 200%;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.token-info-title{position:relative;text-align:center;margin-bottom:60px;z-index:1}.title-text{font-family:var(--font-mono);font-size:clamp(24px,4vw,36px);font-weight:900;background:linear-gradient(135deg,var(--color-purple),var(--color-cyan),var(--color-gold));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin-bottom:20px;text-shadow:0 0 30px rgba(160,32,240,.5)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-line{width:200px;height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--color-purple),var(--color-cyan),var(--color-purple),transparent);box-shadow:0 0 20px #a020f099;animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.6}50%{opacity:1}}.token-info-grid{position:relative;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;z-index:1;box-sizing:border-box}.token-info-card{position:relative;padding:40px 30px;background:#0a0a0fb3;border:2px solid rgba(160,32,240,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;overflow:hidden;box-sizing:border-box}.token-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(160,32,240,.2),transparent);transition:left .5s ease}.token-info-card:hover:before{left:100%}.token-info-card:hover{border-color:var(--card-color);box-shadow:0 0 30px #a020f066,inset 0 0 30px #a020f01a;transform:translateY(-5px)}.card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,var(--card-color) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.token-info-card:hover .card-glow{opacity:.15}.card-icon{font-size:48px;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--card-color));animation:iconFloat 3s ease-in-out infinite;display:block}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.card-label{font-family:var(--font-mono);font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;text-align:center}.card-value{font-family:var(--font-mono);font-size:clamp(18px,2.5vw,24px);font-weight:900;color:var(--card-color);text-shadow:0 0 20px var(--card-color);text-align:center;line-height:1.4;transition:all .3s ease;word-break:break-all;overflow-wrap:break-word}.card-value.pending{color:#ffffff80;font-weight:500;font-size:clamp(14px,2vw,18px)}.card-link{color:var(--card-color);text-decoration:none;display:inline-flex;align-items:center;gap:8px;word-break:break-all;overflow-wrap:break-word;max-width:100%}.card-link:hover{color:var(--color-gold);text-shadow:0 0 25px rgba(255,215,0,.8)}.link-arrow{font-size:20px;transition:transform .3s ease}.card-link:hover .link-arrow{transform:translate(5px)}.card-decoration{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity .3s ease}.token-info-card:hover .card-decoration{opacity:1;box-shadow:0 0 10px var(--card-color)}.token-info-footer-decoration{position:relative;margin-top:60px;z-index:1}.footer-line{width:300px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(0,245,255,.5),transparent);box-shadow:0 0 10px #00f5ff4d}@media (max-width: 1024px){.token-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.token-info-card{padding:35px 25px}}@media (max-width: 768px){.token-info-footer{padding:60px 15px 40px;margin-top:60px}.token-info-title{margin-bottom:40px}.token-info-grid{grid-template-columns:repeat(2,1fr);gap:20px}.token-info-card{padding:30px 20px}.card-icon{font-size:40px;margin-bottom:15px}.card-label{font-size:11px;margin-bottom:10px}.card-value{font-size:16px}}@media (max-width: 480px){.token-info-footer{padding:50px 10px 30px;margin-top:40px}.token-info-grid{grid-template-columns:1fr;gap:15px}.token-info-card{padding:25px 20px}.card-icon{font-size:36px;margin-bottom:12px}.title-text{font-size:20px}.title-line{width:150px}}.app{position:relative;width:100vw;min-height:100vh;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);overflow-x:hidden}.app.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.background-particles{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(160,32,240,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(0,245,255,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,215,0,.2),transparent),radial-gradient(1px 1px at 80% 10%,rgba(160,32,240,.2),transparent),radial-gradient(2px 2px at 90% 60%,rgba(0,245,255,.2),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,215,0,.3),transparent);background-size:200% 200%;background-position:50% 50%;animation:particleFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes particleFloat{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.scanline{position:fixed;top:-10%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.5),transparent);box-shadow:0 0 10px #00f5ffcc;animation:scanline 8s linear infinite;pointer-events:none;z-index:100}.main-content{position:relative;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;width:100%;max-width:100%;padding:80px 20px 60px;z-index:1;animation:fadeInMatrix 1s ease-out;margin:0 auto!important;box-sizing:border-box}.butterfly-container{position:relative;width:100%;height:60vh;min-height:500px;max-height:700px;margin:40px auto!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}.preview-button{margin-top:40px;padding:16px 48px;font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-cyan);background:#0a0a0fe6;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.preview-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent);transition:left .5s ease}.preview-button:hover:before{left:100%}.preview-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00f5ff99}.preview-button:active{transform:scale(.98)}@media (max-width: 768px){.main-content{padding:60px 15px 40px}.butterfly-container{height:50vh;min-height:400px}.preview-button{padding:12px 32px;font-size:14px}}@media (max-width: 480px){.butterfly-container{height:40vh;min-height:300px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-purple: #A020F0;--color-cyan: #00F5FF;--color-gold: #FFD700;--color-dark: #0a0a0f;--color-dark-light: #1a1a2e;--font-primary: "Noto Sans SC", sans-serif;--font-mono: "Space Mono", monospace}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-dark);color:#fff;overflow-x:hidden}#root{width:100vw;min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-purple),var(--color-cyan));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-cyan),var(--color-purple))}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-2px,-2px) rotate(-.5deg)}20%{transform:translate(2px,2px) rotate(.5deg)}30%{transform:translate(-2px,2px) rotate(-.5deg)}40%{transform:translate(2px,-2px) rotate(.5deg)}50%{transform:translate(-2px,-2px) rotate(-.5deg)}60%{transform:translate(2px,2px) rotate(.5deg)}70%{transform:translate(-2px,2px) rotate(-.5deg)}80%{transform:translate(2px,-2px) rotate(.5deg)}90%{transform:translate(-2px,-2px) rotate(-.5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes fadeInMatrix{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes energyRipple{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.gradient-text{background:linear-gradient(90deg,var(--color-purple),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crt-effect{position:relative}.crt-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.glow-border{position:relative;border:2px solid transparent;background:linear-gradient(var(--color-dark),var(--color-dark)) padding-box,linear-gradient(90deg,var(--color-purple),var(--color-cyan)) border-box;animation:pulse 2s ease-in-out infinite}::selection{background:var(--color-cyan);color:var(--color-dark)}