:root{--bg: #07070B;--surface: #0D0D1A;--surface2: #14142A;--border: rgba(0, 245, 255, .08);--cyan: #00F5FF;--magenta: #FF00E5;--red: #FF3355;--yellow: #FFD700;--green: #00FF88;--text: #FFFFFF;--text2: #80809A;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.bg-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(0,245,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,0,229,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,255,136,.02) 0%,transparent 50%)}.bg-effect:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(0,245,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(255,0,229,.2) 0%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(0,255,136,.2) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(0,245,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,0,229,.25) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 85%,rgba(0,245,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 55% 45%,rgba(255,215,0,.15) 0%,transparent 100%),radial-gradient(1px 1px at 80% 10%,rgba(0,255,136,.2) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 40% 90%,rgba(255,0,229,.15) 0%,transparent 100%),radial-gradient(1px 1px at 65% 35%,rgba(0,245,255,.2) 0%,transparent 100%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}.app{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 20px}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:40px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px;color:var(--cyan);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo-text{font-family:Orbitron,monospace;font-weight:700;font-size:20px;letter-spacing:2px;background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:24px}.nav a{color:var(--text2);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;letter-spacing:.5px}.nav a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:1px solid var(--cyan);background:#00f5ff14;color:var(--cyan);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;letter-spacing:.3px}.btn:hover{background:#00f5ff33;box-shadow:0 0 20px #00f5ff33;transform:translateY(-1px)}.btn-lg{padding:14px 32px;font-size:16px}.btn-sm{padding:6px 14px;font-size:12px}.btn-outline{background:transparent;border-color:#fff3;color:var(--text2)}.btn-outline:hover{border-color:var(--text);color:var(--text);background:#ffffff0d}.hero{text-align:center;padding:60px 0 80px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;border:1px solid rgba(0,245,255,.2);background:#00f5ff0f;color:var(--cyan);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:30px}.hero-title{font-family:Orbitron,monospace;font-weight:900;font-size:clamp(40px,8vw,72px);line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,var(--cyan),var(--magenta),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--text2);line-height:1.6;max-width:600px;margin:0 auto 30px}.hero-cta{margin-bottom:40px}.hero-tweet{margin-bottom:20px}.tweet-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text2);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}.tweet-btn:hover{background:#1da1f21a;border-color:#1da1f24d;color:#1da1f2}.tweet-icon{font-size:16px;opacity:.6}.tweet-btn:hover .tweet-icon{opacity:1}.hero-stats{display:flex;justify-content:center;gap:60px}.hero-stat{text-align:center}.hs-num{display:block;font-family:Orbitron,monospace;font-weight:700;font-size:28px;background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hs-label{color:var(--text2);font-size:13px;font-weight:500;letter-spacing:.5px}.how{padding:60px 0;border-top:1px solid var(--border)}.section-title{font-family:Orbitron,monospace;font-weight:700;font-size:28px;text-align:center;margin-bottom:40px;letter-spacing:1px}.steps{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-align:center;flex:1;min-width:200px;max-width:280px;transition:all .3s}.step:hover{border-color:#00f5ff33;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.step-num{font-family:Orbitron,monospace;font-weight:700;font-size:32px;color:var(--cyan);margin-bottom:12px}.step h3{font-family:Orbitron,monospace;font-weight:500;font-size:16px;margin-bottom:8px;letter-spacing:.5px}.step p{color:var(--text2);font-size:14px;line-height:1.5}.step-arrow{font-size:24px;color:var(--text2);opacity:.4}.arena-section{padding:60px 0;border-top:1px solid var(--border)}.arena{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:600px;margin:0 auto}.arena .section-title{margin-bottom:24px}.timeline{display:flex;justify-content:center;gap:0;margin-bottom:30px;position:relative}.timeline:before{content:"";position:absolute;top:16px;left:15%;right:15%;height:2px;background:#ffffff14;z-index:0}.tl-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;flex:1}.tl-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid rgba(255,255,255,.15);color:var(--text2);background:var(--surface);transition:all .3s}.tl-step.active .tl-dot{border-color:var(--cyan);background:#00f5ff26;color:var(--cyan);box-shadow:0 0 15px #00f5ff4d}.tl-step.done .tl-dot{border-color:var(--green);background:#00ff8826;color:var(--green)}.tl-label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.tl-step.active .tl-label{color:var(--cyan)}.tl-step.done .tl-label{color:var(--green)}.arena-stats{display:flex;justify-content:center;gap:40px;margin-bottom:24px}.stat{text-align:center}.stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);margin-bottom:4px}.stat-val{font-family:Orbitron,monospace;font-weight:700;font-size:18px;color:var(--text)}.arena-times{margin-bottom:24px}.time-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.time-row span{font-size:14px;color:var(--text2)}.timer{font-family:Orbitron,monospace;font-size:14px;font-weight:600;color:var(--cyan)}.timer.expired{color:var(--text2)}.color-picker{margin-bottom:16px}.cp-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);margin-bottom:8px}.cp-options{display:flex;gap:8px}.cp-btn{flex:1;padding:12px;border-radius:8px;border:2px solid transparent;background:#ffffff0a;color:var(--text);font-family:Orbitron,monospace;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cp-btn:hover{background:#ffffff14}.cp-btn.selected{border-color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--c) 30%,transparent)}.arena-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.status{text-align:center;margin-top:16px;color:var(--cyan);font-weight:600;font-size:14px}.wallet-info{display:flex;align-items:center;gap:10px}.wallet-addr{font-family:Orbitron,monospace;font-size:13px;color:var(--cyan);letter-spacing:.5px}.muted{text-align:center;color:var(--text2);font-size:14px}.leaderboard{padding:60px 0;border-top:1px solid var(--border)}.footer{padding:40px 0;border-top:1px solid var(--border);text-align:center}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-links a{color:var(--text2);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-copy{color:var(--text2);font-size:12px;opacity:.6}@media(max-width:640px){.nav{display:none}.hero-stats{gap:30px}.steps{flex-direction:column}.step{max-width:100%}.step-arrow{transform:rotate(90deg)}.arena{padding:24px}}