@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;background:#0b0e13;color:#e7ecf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 55% 22% at 70% 0%,#1b2d38 0%,transparent 75%),#0b0e13}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.shell{max-width:1160px;margin:auto;padding:0 26px}header{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252e37}.brand{display:flex;align-items:center;gap:12px}.logo{font-size:34px;color:#5ef6c8}.brand b{font:700 23px Space Grotesk}.brand b span{color:#5ef6c8}.brand small{display:block;letter-spacing:3px;font-size:9px;color:#82909f}.right{display:flex;align-items:center;gap:17px}.network{color:#8ccfbc;font-size:12px}.wallet{border:1px solid #4ce7bd;background:#17392f;color:#ccffed;padding:12px 18px;border-radius:13px;font-weight:700}.hero{padding:68px 0 45px}.eyebrow{font-size:11px;color:#53dfb2;letter-spacing:2.5px;font-weight:700}.hero h1{font:700 clamp(40px,6vw,68px)/1.05 "Space Grotesk";letter-spacing:-3px;margin:18px 0}.hero em{color:#55e8bb;font-style:normal}.hero p{max-width:550px;color:#95a3b4;font-size:15px;line-height:1.7}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:22px}.card,.sidecard{background:#141920;border:1px solid #2b333c;border-radius:22px;padding:29px}.cardTitle{display:flex;gap:16px;align-items:center;margin-bottom:24px}.badge{display:grid;place-items:center;background:#153d33;border:1px solid #32745f;color:#72e7c0;border-radius:12px;width:44px;height:44px;font:700 16px Space Grotesk}.cardTitle h2{font:600 23px Space Grotesk;margin:0 0 5px}.cardTitle p{margin:0;color:#8b99a8;font-size:12px}label:not(.checkbox){display:block;color:#b4c0ce;font-size:13px;font-weight:700;margin:18px 0 9px}input:not([type=checkbox]),.static{width:100%;height:48px;border:1px solid #36434d;background:#0b1118;border-radius:12px;color:#fff;padding:0 14px;outline:none}input:focus{border-color:#59e6b9}.static{display:flex;align-items:center;color:#bbc9d5}.hint{color:#8294a4;font-size:11px;overflow-wrap:anywhere;margin-top:8px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fees{display:flex;gap:10px}.fees button{flex:1;background:#101720;border:1px solid #38434b;color:#b0beca;border-radius:10px;padding:13px 8px}.fees button.active{background:#174a3d;border-color:#4ae9b5;color:#a6ffe0}.outline{width:100%;margin:20px 0 10px;background:transparent;border:1px solid #4c826f;color:#8af5ce;border-radius:12px;padding:13px}.poolstate{font-size:12px;padding:12px 14px;background:#202731;border-radius:10px;color:#acb9c5}.poolstate.success{background:#12362e;color:#8aecc8}.poolstate.warn{background:#382c1e;color:#f8c685}.poolstate small{display:block;font-size:10px;margin-top:7px}.divider{border-top:1px solid #2b363f;margin:30px 0}.notice{margin:22px 0;background:#30271e;color:#f3cf9c;border:1px solid #695338;border-radius:11px;padding:16px;font-size:12px;line-height:1.7}.checkbox{display:flex;align-items:start;gap:11px;color:#c4cfda;font-size:12px;line-height:1.5;margin:18px 0}.checkbox input{accent-color:#43daa8;margin-top:2px}.create{width:100%;border:0;background:#64e7b8;color:#05261c;border-radius:12px;padding:17px;font-weight:800}.sidecard{margin-bottom:18px;padding:24px}.sidecard p{color:#b3bdca;font-size:13px;margin:18px 0 8px}.sidecard code{font-size:11px;color:#76deb6;overflow-wrap:anywhere}.sidecard a{font-size:12px;color:#59edbc}.status{line-height:1.65!important}.sidecard.note{background:#151c23}.sidecard b{font:600 18px Space Grotesk}.sidecard li{margin:10px 0;color:#a9b7c7;font-size:12px;line-height:1.5}.sidecard small{color:#758597;line-height:1.6}footer{text-align:center;color:#5c6e7a;letter-spacing:1.3px;font-size:10px;padding:55px 10px}@media(max-width:750px){.shell{padding:0 15px}.layout{grid-template-columns:1fr}.hero{padding:45px 0 25px}.hero h1{letter-spacing:-1px}header{height:80px}.network{display:none}.card,.sidecard{padding:20px}.right{gap:5px}.wallet{padding:10px;font-size:11px}}.feeField{position:relative;margin-top:12px}.feeField input{padding-right:44px}.feeField span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#70dcb8;font-weight:700}.fees{flex-wrap:wrap}.fees button{min-width:65px}.positions{margin:28px 0 20px;padding:28px;max-width:1040px}.positions .row{display:flex;gap:16px;align-items:end;margin:12px 0}.positions .row>input{flex:1;min-width:0}.positions .row>div{flex:1;min-width:0}.positions .positionLookup{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:14px 0 20px;min-width:0}.positions .positionLookup label{margin-top:4px}.positions .positionLookup input{min-width:0;width:100%}.positions .positionLookup .outline{width:100%;margin:10px 0 0}.positions select{background:#151a25;color:#f5f6fa;border:1px solid #343a4b;border-radius:12px;padding:13px;width:100%}.positionMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.positionMetrics>div:not(.row){padding:14px;border:1px solid #323746;border-radius:12px;overflow-wrap:anywhere}.positionMetrics small{display:block;color:#a6aab7;font-size:12px;margin-bottom:6px}.positionMetrics strong{font-size:15px}.positionMetrics .wide{grid-column:1/-1}@media(max-width:680px){.positionMetrics{grid-template-columns:1fr}.positions{padding:15px}.positions .row{flex-wrap:wrap}}
