:root{--bg0:#0a0d12;--bg1:#0f1520;--bg2:#141c2a;--card:#101826;--card2:#0c1320;--text:#e8eefc;--muted:#a7b4d6;--line:rgba(255,255,255,.08);--glow:rgba(140,200,255,.16);--accent:#66d1ff;--accent2:#8cffc9;--warn:#ffd166;--danger:#ff5c7a;--shadow: 0 20px 55px rgba(0,0,0,.55);--radius:18px;--radius2:14px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 700px at 10% 10%,rgba(102,209,255,.14),transparent 55%),radial-gradient(900px 600px at 85% 20%,rgba(140,255,201,.1),transparent 60%),radial-gradient(700px 500px at 50% 90%,rgba(255,209,102,.06),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1) 35%,var(--bg0));overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.35}.wrap{max-width:1200px;margin:0 auto;padding:22px}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:linear-gradient(180deg,#0a0d12db,#0a0d128c);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.logo{width:42px;height:42px;border-radius:12px;background:radial-gradient(18px 18px at 30% 30%,rgba(255,255,255,.25),transparent 60%),linear-gradient(135deg,#66d1ff40,#8cffc91f),linear-gradient(180deg,#ffffff14,#00000047);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #00000059,0 0 0 1px #66d1ff1a inset;position:relative}.logo:after{content:"";position:absolute;inset:9px;border-radius:10px;background:linear-gradient(180deg,#00000073,#ffffff0f);border:1px solid rgba(255,255,255,.08)}.brand h1{margin:0;font-size:14px;letter-spacing:.4px;font-weight:700;line-height:1.1}.brand .sub{font-size:12px;color:var(--muted);letter-spacing:.2px;margin-top:2px}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;flex:1}.pill{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0f,#00000038);color:var(--text);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:8px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 8px 22px #00000047}.pill:hover{transform:translateY(-1px);border-color:#66d1ff38;box-shadow:0 14px 32px #00000061,0 0 0 1px #66d1ff1a inset}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #66d1ff1f}.actions{display:flex;align-items:center;gap:10px;min-width:240px;justify-content:flex-end}.btn{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff12,#00000040);color:var(--text);border-radius:14px;padding:10px 12px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 26px #00000059;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);border-color:#8cffc938;box-shadow:0 16px 34px #0000006b,0 0 0 1px #8cffc91a inset}.btn.primary{border-color:#66d1ff47;background:radial-gradient(120px 70px at 30% 20%,rgba(102,209,255,.22),transparent 60%),linear-gradient(180deg,#66d1ff2e,#0003);box-shadow:0 16px 44px #00000080,0 0 0 1px #66d1ff1f inset}.btn.primary:hover{border-color:#66d1ff61}.wallet{font-family:var(--mono);font-size:12px;color:var(--muted);padding:9px 10px;border-radius:12px;border:1px dashed rgba(255,255,255,.14);background:#0000002e;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{margin-top:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:radial-gradient(850px 380px at 10% 15%,rgba(102,209,255,.18),transparent 60%),radial-gradient(650px 330px at 85% 10%,rgba(140,255,201,.12),transparent 60%),linear-gradient(180deg,#ffffff0f,#0000004d);box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,transparent 0 45%,rgba(255,255,255,.05) 45% 46%,transparent 46% 100%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 55%);opacity:.35;pointer-events:none}.heroGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:stretch}@media (max-width: 980px){.heroGrid{grid-template-columns:1fr}.brand,.actions{min-width:auto}}.hero h2{margin:0 0 8px;font-size:26px;letter-spacing:.2px;line-height:1.2}.hero p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.5;max-width:62ch}.hero .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{border:1px solid rgba(255,255,255,.1);background:#0000002e;color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;display:inline-flex;gap:8px;align-items:center}.tag b{color:var(--text);font-weight:700}.tag .chip{width:8px;height:8px;border-radius:50%;background:#66d1ffbf;box-shadow:0 0 0 4px #66d1ff1a}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:14px}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.card{border-radius:var(--radius2);border:1px solid var(--line);background:radial-gradient(280px 160px at 25% 20%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,#ffffff0a,#00000047);box-shadow:0 16px 44px #00000073;padding:14px;position:relative;overflow:hidden}.card .hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.card h3{margin:0;font-size:14px;letter-spacing:.2px}.card .mini{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.kpi{font-family:var(--mono);font-size:22px;letter-spacing:.2px;margin:8px 0 6px}.kpi small{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:6px;font-family:var(--sans)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003;margin-top:8px}.row .l{color:var(--muted);font-size:12px}.row .r{font-family:var(--mono);font-size:12px;color:var(--text)}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.sectionTitle h4{margin:0;font-size:13px;color:var(--muted);letter-spacing:.24px;text-transform:uppercase}.twoCol{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}@media (max-width: 980px){.twoCol{grid-template-columns:1fr}}.poolList{display:flex;flex-direction:column;gap:10px}.poolItem{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0003;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .15s ease,border-color .15s ease}.poolItem:hover{transform:translateY(-1px);border-color:#66d1ff38}.poolLeft{display:flex;gap:12px;align-items:flex-start;min-width:0}.badge{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(16px 16px at 30% 30%,rgba(255,255,255,.22),transparent 65%),linear-gradient(135deg,#66d1ff33,#00000040);box-shadow:0 10px 26px #00000059;flex:0 0 auto;position:relative}.badge:after{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#00000059,#ffffff0f)}.poolMeta{min-width:0}.poolMeta .name{font-size:13px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48ch}.poolMeta .desc{margin:4px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58ch}.poolRight{display:flex;align-items:center;gap:10px;flex:0 0 auto;text-align:right}.pill2{font-family:var(--mono);font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000038;color:var(--text)}.status{font-size:11px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:var(--muted);display:inline-flex;gap:8px;align-items:center;justify-content:flex-end;min-width:96px}.status i{width:8px;height:8px;border-radius:50%;background:#66d1ffbf;box-shadow:0 0 0 4px #66d1ff1f;display:inline-block}.status.open i{background:#8cffc9d9;box-shadow:0 0 0 4px #8cffc91f}.status.locked i{background:#ffd166d9;box-shadow:0 0 0 4px #ffd1661f}.status.settled i{background:#66d1ffd9;box-shadow:0 0 0 4px #66d1ff1f}.joinBox{display:flex;flex-direction:column;gap:10px}.input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000003d;padding:11px 12px;color:var(--text);outline:none;font-size:13px;font-family:var(--mono)}.input::placeholder{color:#a7b4d699}.help{color:var(--muted);font-size:12px;line-height:1.45}footer{margin:22px 0 30px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}footer .legal{max-width:90ch;line-height:1.45}.link{color:var(--text);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.18)}.link:hover{border-bottom-color:#66d1ff73}