.defi-page{--bg-deep:#050505;--text-main:#fff;--text-muted:#8a8f98;--mint:#4ade80;--mint-glow:#4ade8066;--mint-dim:#4ade8026;background-color:var(--bg-deep);color:var(--text-main);z-index:9999;width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:fixed;top:0;left:0;overflow:hidden}.grid-background{opacity:.15;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:80px 80px;width:200%;height:200%;animation:120s linear infinite gridDrift;position:absolute;top:-50%;left:-50%;-webkit-mask-image:radial-gradient(circle,#000c 0%,#0000 80%);mask-image:radial-gradient(circle,#000c 0%,#0000 80%)}.noise-overlay{opacity:.05;mix-blend-mode:overlay;z-index:1;pointer-events:none;filter:blur(40px);background:linear-gradient(45deg,#0000 40%,#ffffff08 45%,#0000 50%),linear-gradient(30deg,#0000 30%,#4ade8005 60%,#0000 70%);animation:20s ease-in-out infinite alternate lightShift;position:absolute;inset:0}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes lightShift{0%{opacity:.03;transform:scale(1)}to{opacity:.06;transform:scale(1.1)}}.layout-frame{pointer-events:none;z-index:50;border:1px dashed #ffffff26;position:fixed;inset:40px}.corner-marker{z-index:51;width:20px;height:20px;position:absolute}.corner-marker:before{content:"";background-color:var(--mint);width:1.5px;height:100%;box-shadow:0 0 4px var(--mint-glow);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-marker:after{content:"";background-color:var(--mint);width:100%;height:1.5px;box-shadow:0 0 4px var(--mint-glow);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl{top:-10px;left:-10px}.tr{top:-10px;right:-10px}.bl{bottom:-10px;left:-10px}.br{bottom:-10px;right:-10px}.defi-nav{z-index:20;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:48px 80px;display:flex;position:absolute;top:0;left:0}.nav-links{gap:48px;display:flex}.nav-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--text-main)}.text-mint{color:var(--mint);text-shadow:0 0 20px var(--mint-glow)}.btn-connect{color:var(--mint);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4ade8008;border:1px solid #4ade801a;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-connect:hover{box-shadow:0 0 15px var(--mint-glow);background:#4ade8014}.hero-split{z-index:10;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100vh;padding:0 120px;display:flex;position:relative}.content-left{max-width:620px}.hero-headline{letter-spacing:-2px;margin-bottom:32px;font-size:72px;font-weight:800;line-height:1.1}.line-wrapper{flex-wrap:nowrap;align-items:center;display:flex}.rocket-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141e1999;border:1px solid #4ade8026;border-radius:16px;margin:0 16px;padding:10px;display:inline-flex;box-shadow:inset 0 0 20px #4ade800d}.hero-sub{color:var(--text-muted);opacity:.8;max-width:500px;margin-bottom:56px;font-size:18px;font-weight:400;line-height:1.6}.cta-group{align-items:flex-start;gap:14px;display:flex}.btn-launch{color:#0b1512;letter-spacing:-.2px;cursor:pointer;background:linear-gradient(#6ef3b3 0%,#5be7a4 100%);border:none;border-radius:12px;justify-content:center;align-items:center;height:54px;padding:0 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;box-shadow:0 0 30px #4ade804d}.btn-launch:after{content:"";opacity:1;pointer-events:none;border:1.5px solid #4ade8080;border-radius:16px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-6px}.btn-launch:hover{transform:translateY(-1px);box-shadow:0 0 50px #4ade8080}.btn-launch:hover:after{border-color:#4ade80e6;inset:-7px;box-shadow:0 0 20px #4ade8066}.btn-launch:active{transform:translateY(1px)scale(.98)}.btn-launch:active:after{border-color:#4ade80b3;inset:-4px}.btn-learn{color:#fff;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;height:54px;padding:0 28px;font-size:15px;font-weight:500;transition:all .2s ease-out;display:inline-flex}.btn-learn:hover{background:#ffffff14;border-color:#fff3}.visual-right{justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative}.hud-container{justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}.axis-guide{opacity:.5;z-index:10;flex-direction:column;justify-content:space-between;width:20px;height:180px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.tick{background:#fff3;border-radius:1px;width:8px;height:2px;margin-bottom:4px}.axis-guide:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:55px;left:0;box-shadow:0 0 10px #fff}.chart-glass-container{background:0 0;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.chart-glass-container:after{content:"";z-index:0;background:radial-gradient(circle,#0b1210 0%,#050806 100%);border:1px solid #ffffff0d;border-radius:20px;position:absolute;inset:100px 40px;box-shadow:inset 0 0 40px #000c}.tech-plate{z-index:2;background:linear-gradient(#0e1512 0%,#151f1b 100%);border:1px solid #ffffff0d;height:100px;position:absolute;left:40px;right:40px}.tech-plate.top{clip-path:polygon(0 0,100% 0,100% 60%,85% 100%,15% 100%,0 60%);background:linear-gradient(#1a2420 0%,#0f1613 100%);border-bottom:none;border-radius:20px 20px 0 0;top:0}.tech-plate.bottom{clip-path:polygon(0 40%,15% 0,85% 0,100% 40%,100% 100%,0 100%);background:linear-gradient(#0f1613 0%,#1a2420 100%);border-top:none;border-radius:0 0 20px 20px;bottom:0}.chart-bars{z-index:5;align-items:flex-end;gap:12px;height:180px;display:flex;position:relative}.bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0d;border-radius:8px;width:42px;transition:all .3s;box-shadow:0 4px 10px #0000004d}.bar.active{z-index:10;background:#6ef3b3;border:none;border-radius:8px;width:48px;position:relative;box-shadow:0 0 20px #6ef3b399,0 0 50px #6ef3b366,0 0 100px #6ef3b333}.scan-line{pointer-events:none;background:#6ef3b34d;width:200vw;height:1px;display:none;position:absolute;top:0;left:-50vw;right:-50vw}.bar.active:after{content:"";opacity:.6;background:linear-gradient(#fff 0%,#fff0 40%);border-radius:8px;height:100%;position:absolute;top:0;left:0;right:0}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles span{background:#fff9;border-radius:50%;width:4px;height:4px;animation:3s linear infinite particleRise;position:absolute;bottom:-10px}.particles span:first-child{animation-duration:2.5s;animation-delay:0s;left:20%}.particles span:nth-child(2){width:3px;height:3px;animation-duration:3.2s;animation-delay:1s;left:50%}.particles span:nth-child(3){width:2px;height:2px;animation-duration:2.8s;animation-delay:.5s;left:80%}.percentage-pill{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a140fb3;border:1px solid #4ade8033;border-radius:999px;padding:8px 24px;animation:6s ease-in-out infinite floatBadge;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0006,inset 0 0 15px #4ade800d}.yield-text{color:#6ef3b4;text-shadow:0 0 15px #6ef3b466;letter-spacing:.5px;font-size:18px;font-weight:700}@keyframes barPulse{0%,to{box-shadow:0 0 20px #6ef3b466,0 0 60px #6ef3b433}50%{box-shadow:0 0 30px #6ef3b499,0 0 80px #6ef3b44d}}@keyframes scanMove{0%,to{opacity:.2;top:10%}50%{opacity:.6;top:90%}}@keyframes particleRise{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-150px)}}@keyframes floatBadge{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.anim-fade-down{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeDown}.anim-scale-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards scaleIn}.anim-pop-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards scaleIn}.anim-grow-up{animation:1.4s cubic-bezier(.16,1,.3,1) backwards growUp}.anim-text{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards textReveal}.anim-float{animation:10s ease-in-out infinite float}@keyframes gentlePulse{0%,to{opacity:.9;box-shadow:0 0 30px #4ade8040}50%{opacity:1;box-shadow:0 0 50px #4ade8066}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes textReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}