@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101014;--surface:#19191f;--line:#303039;--muted:#9999aa;--purple:#8c52ff;--green:#b2f3ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f6fc;font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;border-radius:7px;padding:12px 18px}button:hover{border-color:#9b77ed;background:#24212d}header{height:88px;display:flex;align-items:center;gap:42px;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font:700 35px 'Space Grotesk',sans-serif;letter-spacing:-2px}.logo span{color:#a77aff;margin-left:4px}nav{display:flex;gap:25px;flex:1}nav a{color:#a8a7b4;font-size:13px;white-space:nowrap}nav a.active,nav a:hover{color:white}.wallet,.primary{background:var(--purple);border-color:var(--purple);font-weight:600}.primary:hover{background:#a375ff}main{min-height:80vh}.wrap{max-width:1400px;margin:auto;padding:50px 5%}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b7a1e9;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:#b7a1e9;display:inline-block}.hero{padding-top:70px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;min-height:550px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(46px,5.7vw,84px);letter-spacing:-4px;line-height:1.05;margin:26px 0}h1 em{font-style:normal;color:#ac84ff}.lead{color:#aaa8b8;font-size:16px;line-height:1.8;max-width:470px}.actions{display:flex;gap:12px;margin-top:28px}.signal{height:390px;position:relative;background:radial-gradient(ellipse at 50% 65%,#46247866,transparent 66%);overflow:hidden}.signal svg{width:100%;height:100%}.signal .caption{position:absolute;bottom:16px;left:20px;font:11px monospace;color:#b4a3cc}.signal .label{position:absolute;top:34px;left:25px;color:#c5b6de;font:11px monospace;letter-spacing:2px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:38px 0 70px}.metrics div{padding:0 28px;border-right:1px solid var(--line)}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font:30px 'Space Grotesk';display:block;margin-bottom:5px}.muted,small{color:var(--muted)}.sectiontop{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.sectiontop h2{font-size:32px;letter-spacing:-1px;margin-bottom:8px}.ecosystem{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.eco{background:var(--bg);padding:29px;min-height:215px;transition:.2s}.eco:hover{background:#211a30}.eco .index{display:flex;justify-content:space-between;color:#bfa7ef;font:12px monospace;margin-bottom:30px}.eco h3{font-size:23px;margin-bottom:10px}.eco p{color:var(--muted);line-height:1.7;max-width:300px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin:9px 0 34px}.pagehead h1{font-size:43px;letter-spacing:-2px;margin:17px 0 12px}.pagehead p{color:var(--muted);max-width:650px;line-height:1.7;margin:0}.badge{font:10px monospace;color:#bbaecf;border:1px solid #4d3b64;padding:7px 9px;border-radius:4px}.toolbar{display:flex;gap:10px;margin:25px 0;align-items:center;flex-wrap:wrap}.search{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:white;padding:13px 16px;min-width:280px;flex:1}.chip{padding:10px 15px;font-size:12px}.chip.selected{background:#ede7ff;color:#302145;border-color:#ede7ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.market{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:20px}.market .meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.market h3{font-size:20px;line-height:1.4;min-height:56px;margin:0}.odds{display:flex;align-items:end;gap:10px}.odds strong{font:40px 'Space Grotesk';letter-spacing:-2px}.odds span{color:var(--green);font-size:11px;padding-bottom:9px}.spark{height:52px;width:100%}.marketfoot{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.trade{display:flex;gap:8px}.trade button{flex:1;padding:10px;color:#d3baff;background:#8c52ff18;border-color:#8c52ff55}.trade button:last-child{color:#c7c4d0;background:#ffffff05;border-color:var(--line)}.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:28px}.split{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel h2{font-size:23px}.bigchart{width:100%;height:230px}.legend{display:flex;gap:25px;font-size:12px;color:var(--muted);margin-bottom:25px}.legend b{display:inline-block;width:8px;height:8px;background:#a77aff;margin-right:8px}.legend span:last-child b{background:#85cfb2}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare div{padding:20px;background:#24202f;border:1px solid #634a87;border-radius:7px}.compare div:last-child{background:#202824;border-color:#365649}.compare strong{display:block;font:30px 'Space Grotesk';margin-top:15px}.note{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:500;text-transform:uppercase;background:#15151a}td,th{padding:21px 23px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td{font-size:13px}td strong{font-weight:500}td:first-child{color:#7f7c8c}td:nth-child(2){font-weight:600}tbody tr:hover{background:#ffffff03}.bar{display:inline-block;width:90px;background:#30283f;height:5px;vertical-align:middle;margin-left:12px;border-radius:5px}.bar i{display:block;height:5px;background:#a77aff;border-radius:5px}.status{color:#c6b3e9;background:#392c4c;padding:6px 8px;border-radius:4px;font-size:10px}.banner{display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid #55416c;background:#21192e;border-radius:9px;margin-bottom:25px}.banner p{margin:6px 0 0;color:#b8acc8;font-size:12px}.banner button{margin-left:auto}.risk-low{color:#a8dfc2}.risk-mid{color:#e2c28b}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;margin-top:70px}footer .logo{color:white;font-size:27px}dialog{background:#1b1922;color:white;border:1px solid #635079;border-radius:14px;padding:35px;width:440px;max-width:90vw}dialog::backdrop{background:#07060acc;backdrop-filter:blur(6px)}#close{position:absolute;right:12px;top:10px;padding:4px 10px;font-size:24px}dialog h2{margin-top:15px}dialog input{width:100%;padding:15px;background:#101014;border:1px solid var(--line);color:white;border-radius:7px;margin:18px 0}dialog .primary{width:100%}.empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1050px){header{gap:25px;padding:20px 5%;height:auto;flex-wrap:wrap}nav{order:3;width:100%;overflow:auto;flex:auto;padding:10px 0;gap:22px}.wallet{margin-left:auto}.hero{gap:10px}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.ecosystem{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:30px 6%}.hero{grid-template-columns:1fr;padding-top:30px}h1{letter-spacing:-2.5px}.signal{height:280px}.metrics{margin:25px 0 45px;padding:20px 0}.metrics div{padding:0 13px}.metrics strong{font-size:23px}.metrics small{font-size:10px}.ecosystem,.cards{grid-template-columns:1fr}.pagehead{display:block}.pagehead h1{font-size:36px}.pagehead .badge{display:inline-block;margin-top:20px}.sectiontop{display:block}.sectiontop p{line-height:1.6}.search{min-width:100%;width:100%}.panel{padding:20px}.banner{flex-wrap:wrap}.banner button{margin-left:0}.compare strong{font-size:25px}footer{align-items:start;flex-direction:column;gap:16px}.eco{min-height:190px}.hero h1{font-size:58px}.lead{font-size:15px}}