.landing-page{--landing-wave-bg:color-mix(in srgb, var(--bg) 88%, var(--accent) 12%);--landing-wave-bg-mid:color-mix(in srgb, var(--bg) 92%, var(--accent) 8%);--animate-duration:.45s;min-height:100vh;color:var(--text);background:var(--bg);font-family:"Exo 2",system-ui,sans-serif;overflow-x:hidden}.landing-page:not(.landing-anim-ready) .landing-badge,.landing-page:not(.landing-anim-ready) .landing-title-sub,.landing-page:not(.landing-anim-ready) .landing-lead,.landing-page:not(.landing-anim-ready) .landing-hero-actions,.landing-page:not(.landing-anim-ready) .landing-hero-card,.landing-page:not(.landing-anim-ready) .landing-title-char,.landing-page:not(.landing-anim-ready) .landing-eco-card,.landing-page:not(.landing-anim-ready) .landing-step,.landing-page:not(.landing-anim-ready) .landing-quick-nav,.landing-page:not(.landing-anim-ready) .landing-main>.landing-section{opacity:0}[data-theme=light] .landing-page{--landing-wave-bg:color-mix(in srgb, var(--bg) 82%, var(--accent) 18%);--landing-wave-bg-mid:color-mix(in srgb, var(--bg) 90%, var(--accent) 10%)}.landing-top{isolation:isolate;padding-bottom:0;position:relative;overflow:hidden}.landing-top-bg{z-index:0;background:radial-gradient(ellipse 90% 60% at 50% -10%, #6366f16b, transparent 55%), radial-gradient(ellipse 55% 45% at 95% 25%, #8b5cf647, transparent 50%), radial-gradient(ellipse 50% 40% at 5% 60%, #2563eb38, transparent 45%), linear-gradient(180deg, #0a0e18 0%, #0f1528 72%, var(--landing-wave-bg) 100%);position:absolute;inset:0}.landing-particles{pointer-events:none;opacity:.85;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 35%,#000 15%,#0000 78%);mask-image:radial-gradient(85% 75% at 50% 35%,#000 15%,#0000 78%)}[data-theme=light] .landing-particles{opacity:.65}@media (prefers-reduced-motion:reduce){.landing-particles{display:none}}[data-theme=light] .landing-top-bg{background:radial-gradient(ellipse 90% 60% at 50% -10%, #6366f133, transparent 55%), radial-gradient(ellipse 55% 45% at 95% 25%, #8b5cf624, transparent 50%), radial-gradient(ellipse 50% 40% at 5% 60%, #3b82f61f, transparent 45%), linear-gradient(180deg, #e8ecf8 0%, #f0f4fc 72%, var(--landing-wave-bg) 100%)}.landing-grid{opacity:.35;background-image:linear-gradient(#818cf812 1px,#0000 1px),linear-gradient(90deg,#818cf812 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%)}[data-theme=light] .landing-grid{opacity:.5;background-image:linear-gradient(#6366f114 1px,#0000 1px),linear-gradient(90deg,#6366f114 1px,#0000 1px)}.landing-orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.landing-orb--1{background:#6366f159;width:320px;height:320px;top:-8%;left:12%}.landing-orb--2{background:#8b5cf64d;width:260px;height:260px;top:18%;right:8%}.landing-orb--3{background:#22d3ee38;width:200px;height:200px;bottom:28%;left:42%}.landing-header{z-index:2;padding-block:1.25rem;padding-inline:var(--container-padding-x);justify-content:space-between;align-items:center;display:flex;position:relative}.landing-header-actions{align-items:center;gap:.75rem;display:flex}.landing-logo{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.landing-hero{z-index:2;width:100%;padding:2rem var(--container-padding-x) 5.5rem;box-sizing:border-box;position:relative}.landing-hero-copy{text-align:center;max-width:52rem;margin-inline:auto}.landing-badge{color:var(--accent-hover);border:1px solid var(--accent-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f11f;border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.landing-badge-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%}.landing-title{margin:0 0 1rem;line-height:1.08}.landing-title-brand{letter-spacing:-.04em;flex-wrap:wrap;justify-content:center;gap:.03em;font-size:clamp(2.85rem,9vw,5rem);font-weight:800;line-height:1;display:inline-flex}.landing-title-char{background:linear-gradient(135deg, #fff 0%, var(--accent-hover) 45%, #c4b5fd 85%);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}[data-theme=light] .landing-title-char{background:linear-gradient(135deg, #1e1b4b 10%, var(--gradient-start) 45%, var(--gradient-end));-webkit-background-clip:text;background-clip:text}.landing-title-sub{color:var(--muted);letter-spacing:.02em;margin-top:.5rem;font-size:clamp(1.15rem,3.5vw,1.65rem);font-weight:600;display:block}.landing-lead{max-width:38rem;color:var(--muted);margin:0 auto 1.75rem;font-size:clamp(1rem,2.5vw,1.12rem);line-height:1.65}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;display:flex}.landing-connect-status{text-align:center;max-width:28rem;color:var(--muted);margin:0 auto 2rem;font-size:.9rem;line-height:1.45}.landing-connect-status.is-success{color:#059669}.landing-connect-status.is-error{color:#dc2626}.landing-hero-stats{grid-template-columns:1fr;gap:1rem;width:100%;max-width:none;margin:2rem 0 0;display:grid}.landing-hero-card{box-sizing:border-box;text-align:left;-webkit-backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #818cf838;border-radius:18px;flex-direction:column;align-items:flex-start;width:100%;min-height:10.25rem;padding:1.4rem 1.3rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000002e,inset 0 1px #ffffff0f}.landing-hero-card:before{content:"";background:var(--hero-card-accent,linear-gradient(90deg, #818cf8, #a78bfa));opacity:.95;height:3px;position:absolute;top:0;left:0;right:0}.landing-hero-card-shine{display:none}.landing-hero-card:hover{border-color:#818cf873;transform:translateY(-2px);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff1a}.landing-hero-card.is-stake{--hero-card-accent:linear-gradient(90deg, #818cf8, #6366f1);--hero-card-glow:#6366f147}.landing-hero-card.is-team{--hero-card-accent:linear-gradient(90deg, #22d3ee, #38bdf8);--hero-card-glow:#22d3ee3d}.landing-hero-card.is-rank{--hero-card-accent:linear-gradient(90deg, #fbbf24, #f59e0b);--hero-card-glow:#fbbf2438}.landing-hero-card.is-swap{--hero-card-accent:linear-gradient(90deg, #34d399, #10b981);--hero-card-glow:#34d39938}.landing-hero-card-icon{width:2.65rem;height:2.65rem;color:var(--hero-card-icon,#a5b4fc);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:absolute;top:1.1rem;right:1.1rem}.landing-hero-card.is-stake .landing-hero-card-icon{color:#a5b4fc;background:#6366f12e}.landing-hero-card.is-team .landing-hero-card-icon{color:#67e8f9;background:#22d3ee29}.landing-hero-card.is-rank .landing-hero-card-icon{color:#fde047;background:#facc1529}.landing-hero-card.is-swap .landing-hero-card-icon{color:#6ee7b7;background:#34d39929}.landing-hero-card-body{z-index:1;padding-right:3rem;position:relative}.landing-hero-card-value{letter-spacing:-.02em;background:linear-gradient(135deg, #f8fafc 10%, var(--accent-hover) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.85rem,5vw,2.45rem);font-weight:800;line-height:1.05;display:block}.landing-hero-card-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-top:.55rem;font-size:.82rem;font-weight:700;line-height:1.25;display:block}.landing-hero-card-hint{color:var(--muted);margin-top:.4rem;font-size:.88rem;line-height:1.35;display:block}[data-theme=light] .landing-hero-card{background:linear-gradient(145deg,#ffffffeb 0%,#f8fafcd9 100%);border-color:#6366f12e;box-shadow:0 4px 20px #6366f114,inset 0 1px #ffffffe6}[data-theme=light] .landing-hero-card-value{background:linear-gradient(135deg, #0f172a 15%, var(--gradient-end) 85%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .landing-hero-card-icon{border-color:#6366f11f}.landing-waves{z-index:3;width:100%;margin-top:-1px;line-height:0;position:relative;transform:translateY(1px)}.landing-waves-svg{width:100%;height:clamp(72px,12vw,120px);display:block}.landing-wave{fill:var(--bg)}.landing-wave--back{fill:var(--landing-wave-bg);opacity:.55}.landing-wave--mid{fill:var(--landing-wave-bg-mid);opacity:.75}.landing-wave--front{fill:var(--landing-wave-bg)}.landing-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.landing-btn:hover{transform:translateY(-1px)}.landing-btn-primary,.landing-btn-hero{color:#fff;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));padding:.75rem 1.5rem;box-shadow:0 8px 28px #6366f166}.landing-btn-hero{padding:.95rem 2.1rem;font-size:1.05rem}.landing-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;padding:.95rem 1.65rem}[data-theme=light] .landing-btn-ghost{color:var(--text);background:#ffffffd9}.landing-btn-ghost:hover{border-color:var(--accent-border);color:var(--accent-hover);box-shadow:0 4px 20px #6366f126}.landing-wave-band{background:var(--landing-wave-bg);padding-block:2.5rem 3.5rem;position:relative}.landing-wave-band:after{content:"";background:linear-gradient(180deg, transparent, var(--bg));pointer-events:none;height:4rem;position:absolute;bottom:0;left:0;right:0}.landing-wave-band-inner{z-index:1;padding-inline:var(--container-padding-x);position:relative}.landing-wave-band .landing-section{margin-bottom:0}.landing-wave-band .landing-quick-nav{margin-bottom:3rem}.landing-main{padding-block:2.5rem 4rem;padding-inline:var(--container-padding-x)}.landing-eyebrow{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.landing-quick-nav{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3.5rem;padding:.35rem;display:flex}.landing-quick-link{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.landing-quick-link:hover{color:var(--accent-hover);border-color:var(--accent-border);box-shadow:var(--card-shadow);transform:translateY(-2px)}.landing-quick-icon{opacity:.9;font-size:1rem}.landing-section{margin-bottom:4rem}.landing-section-title{text-align:center;color:var(--text);margin:0 0 .5rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700}.landing-section-desc{text-align:center;max-width:40rem;color:var(--muted);margin:0 auto 2.25rem;font-size:.95rem;line-height:1.55}.landing-eco-grid{grid-template-columns:1fr;gap:1.15rem;width:100%;display:grid}.landing-eco-card{min-height:11rem;color:inherit;-webkit-backdrop-filter:blur(14px);background:linear-gradient(155deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #818cf833;border-radius:18px;flex-direction:column;align-items:flex-start;padding:1.35rem 1.3rem 1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff0f}.landing-eco-card:before{content:"";background:var(--eco-card-accent,linear-gradient(90deg, #818cf8, #a78bfa));height:3px;position:absolute;top:0;left:0;right:0}.landing-eco-card-shine{display:none}.landing-eco-card:hover{border-color:#818cf86b;transform:translateY(-2px);box-shadow:0 10px 28px #00000029,inset 0 1px #ffffff1a}.landing-eco-card.is-stake{--eco-card-accent:linear-gradient(90deg, #818cf8, #6366f1);--eco-card-glow:#6366f147}.landing-eco-card.is-swap{--eco-card-accent:linear-gradient(90deg, #34d399, #10b981);--eco-card-glow:#34d3993d}.landing-eco-card.is-team{--eco-card-accent:linear-gradient(90deg, #22d3ee, #38bdf8);--eco-card-glow:#22d3ee3d}.landing-eco-card.is-rank{--eco-card-accent:linear-gradient(90deg, #fbbf24, #f59e0b);--eco-card-glow:#fbbf2438}.landing-eco-card.is-network{--eco-card-accent:linear-gradient(90deg, #f472b6, #ec4899);--eco-card-glow:#f472b638}.landing-eco-card.is-analytics{--eco-card-accent:linear-gradient(90deg, #a78bfa, #8b5cf6);--eco-card-glow:#a78bfa3d}.landing-eco-card-icon{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.15rem;display:flex;position:absolute;top:1.15rem;right:1.15rem}.landing-eco-card.is-stake .landing-eco-card-icon{color:#a5b4fc;background:#6366f12e}.landing-eco-card.is-swap .landing-eco-card-icon{color:#6ee7b7;background:#34d39929}.landing-eco-card.is-team .landing-eco-card-icon{color:#67e8f9;background:#22d3ee29}.landing-eco-card.is-rank .landing-eco-card-icon{color:#fde047;background:#facc1529}.landing-eco-card.is-network .landing-eco-card-icon{color:#f9a8d4;background:#f472b629}.landing-eco-card.is-analytics .landing-eco-card-icon{color:#c4b5fd;background:#a78bfa29}.landing-eco-card-body{z-index:1;padding-right:3.25rem;position:relative}.landing-eco-card-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hover);background:#6366f11f;border:1px solid #6366f133;border-radius:999px;margin-bottom:.55rem;padding:.22rem .55rem;font-size:.65rem;font-weight:700;display:inline-block}.landing-eco-card h3{background:linear-gradient(135deg, var(--text) 10%, var(--accent-hover) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .45rem;font-size:1.08rem;font-weight:700;line-height:1.25}.landing-eco-card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}[data-theme=light] .landing-eco-card{background:linear-gradient(155deg,#fffffff2 0%,#f8fafce0 100%);border-color:#6366f129;box-shadow:0 4px 20px #6366f114,inset 0 1px #fffffff2}[data-theme=light] .landing-eco-card h3{background:linear-gradient(135deg, #0f172a 15%, var(--gradient-end) 85%);-webkit-background-clip:text;background-clip:text}.landing-flow{padding:2.5rem 0}.landing-steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.landing-step{border-radius:var(--card-radius);background:var(--card-glass);border:1px solid var(--border);box-shadow:var(--card-shadow);text-align:center;padding:1.75rem 1.5rem 1.5rem;transition:transform .2s,border-color .2s;position:relative}.landing-step:hover{border-color:var(--accent-border);transform:translateY(-2px)}.landing-step-num{color:#fff;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:1rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 16px #6366f159}.landing-step h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.landing-step p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.landing-steps .landing-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--accent-border), transparent);pointer-events:none;width:1.25rem;height:2px;position:absolute;top:2.5rem;right:-.85rem}.landing-cta{text-align:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:20px;padding:3rem 1.75rem;position:relative;overflow:hidden}.landing-cta-glow{pointer-events:none;background:radial-gradient(circle,#6366f140,#0000 60%);position:absolute;inset:-40% -20%}.landing-cta .landing-section-title,.landing-cta .landing-section-desc{z-index:1;position:relative}.landing-cta-actions{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;display:flex;position:relative}.landing-contracts{margin:0;gap:.75rem;max-width:720px;margin-inline:auto;padding:0;list-style:none;display:grid}.landing-contracts li{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding:.85rem 1rem;transition:border-color .2s;display:flex}.landing-contracts li:hover{border-color:var(--accent-border)}.landing-contract-name{color:var(--text-secondary);font-size:.9rem;font-weight:600}.landing-contract-addr{color:var(--accent);word-break:break-all;text-align:right;max-width:100%;font-family:ui-monospace,monospace;font-size:.75rem;text-decoration:none}.landing-contract-addr:hover{color:var(--accent-hover);text-decoration:underline}.landing-footer{text-align:center;padding:2rem var(--container-padding-x);color:var(--muted);border-top:1px solid var(--border);font-size:.8rem}.landing-footer a{color:var(--accent);text-decoration:none}.landing-footer a:hover{text-decoration:underline}@media (width>=768px){.landing-eco-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.landing-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}}@media (width<=900px){.landing-steps{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}.landing-steps .landing-step:not(:last-child):after{display:none}}@media (width<=767px){.landing-hero-card{min-height:8.75rem;padding:1.2rem 1.1rem}}@media (width<=640px){:root,[data-theme=light]{--container-padding-x:1.25rem}.landing-hero{padding-bottom:4.5rem}.landing-hero-actions,.landing-cta-actions{flex-direction:column;width:100%}.landing-hero-actions .landing-btn,.landing-cta-actions .landing-btn{width:100%}.landing-contracts li{flex-direction:column;align-items:flex-start}.landing-contract-addr{text-align:left}}@media (prefers-reduced-motion:reduce){.landing-page:not(.landing-anim-ready) .landing-badge,.landing-page:not(.landing-anim-ready) .landing-title-sub,.landing-page:not(.landing-anim-ready) .landing-lead,.landing-page:not(.landing-anim-ready) .landing-hero-actions,.landing-page:not(.landing-anim-ready) .landing-hero-card,.landing-page:not(.landing-anim-ready) .landing-title-char,.landing-page:not(.landing-anim-ready) .landing-eco-card,.landing-page:not(.landing-anim-ready) .landing-step,.landing-page:not(.landing-anim-ready) .landing-quick-nav,.landing-page:not(.landing-anim-ready) .landing-main>.landing-section{opacity:1}.landing-page .animate__animated{opacity:1!important;animation:none!important;transform:none!important}.landing-hero-card:hover,.landing-eco-card:hover,.landing-step:hover{transform:none}}
