.earn-sort{display:flex;align-items:center;gap:7px;padding:18px 18px 0}.earn-sort span{margin-right:4px;color:#718087;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.earn-sort button{padding:7px 10px;border:1px solid #ddd4f5;border-radius:8px;background:#fff;color:#6b6480;font:700 10px 'Plus Jakarta Sans',Manrope,Arial,sans-serif;cursor:pointer}.earn-sort button.active{border-color:#b8a8ff;background:#f5f1ff;color:#6546e6}.earn-pair{color:#6546e6!important;font:600 10px 'DM Mono',monospace!important}
.earn-table-grouped{padding:18px}.earn-category{border:1px solid #e5e0ef;border-radius:12px;background:#fff}.earn-category+.earn-category{margin-top:10px}.earn-category summary,.exchange-category summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:16px 18px;list-style:none;background:linear-gradient(100deg,#fff,#faf8ff);user-select:none}.earn-category summary::-webkit-details-marker,.exchange-category summary::-webkit-details-marker{display:none}.earn-category summary span,.exchange-category summary span{min-width:0}.earn-category summary b,.exchange-category summary b{display:block;color:#18222b;font:700 14px 'Plus Jakarta Sans',Manrope,Arial,sans-serif}.earn-category summary small,.exchange-category summary small{display:block;max-width:760px;margin-top:5px;color:#68757e;font:500 11px/1.45 'Plus Jakarta Sans',Manrope,Arial,sans-serif}.earn-category summary em{margin-left:auto;color:#7659ed;font:500 10px 'DM Mono',monospace;font-style:normal;text-align:right;white-space:nowrap}.earn-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #d9cef8;border-radius:9px;background:#f6f2ff;color:#6546e6;font:700 18px/1 'DM Mono',monospace;font-style:normal;box-shadow:0 2px 7px rgba(91,61,201,.08);transition:transform .18s ease,background .18s ease}.earn-category:not([open]) .earn-toggle,.exchange-category:not([open]) .earn-toggle{transform:rotate(-90deg);background:#fff}.earn-category-content{padding:16px 0 0;border-top:1px solid #e5e0ef}.earn-category-content>header{display:grid;grid-template-columns:1.6fr .8fr .9fr .75fr 1.45fr .8fr .72fr;gap:16px;align-items:center;padding:0 32px 12px;color:#718087;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.earn-category-content .earn-row{padding-left:32px;padding-right:32px}.exchange-category{border:1px solid #e5e0ef;border-radius:12px;background:#fff}.exchange-category-content{border-top:1px solid #e5e0ef}@media(max-width:850px){.earn-category-content{overflow-x:auto}.earn-category-content>header,.earn-category-content .earn-row{width:1020px}}@media(max-width:500px){.earn-category summary,.exchange-category summary{padding:14px}.earn-category summary em{display:none}.earn-category-content .earn-row,.earn-category-content>header{padding-left:16px;padding-right:16px}}
body{margin:0;background:#f7f9fa;color:#18222b;font-family:Manrope,Arial,sans-serif}.earn-page{max-width:1240px;margin:0 auto;padding:118px 36px 72px}.earn-shell{border:1px solid #dce5e5;border-radius:14px;background:#fff;overflow:hidden}.earn-loading{display:grid;min-height:250px;margin:0;padding:42px;place-items:center;color:#68757e;font:600 14px Manrope,Arial,sans-serif;text-align:center}.earn-hero{padding:42px;background:radial-gradient(circle at 90% 0,#f0ecff 0,transparent 36%),linear-gradient(135deg,#fff 0,#fbfaff 100%);border-bottom:1px solid #e5e0ef}.earn-hero>span,.earn-method>b{color:#7659ed;font:500 10px 'DM Mono',monospace;letter-spacing:1.1px}.earn-hero h1{margin:12px 0;font:800 clamp(30px,4vw,47px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-2.5px}.earn-hero h1 small{font:500 .38em 'DM Mono',monospace;color:#87939a;letter-spacing:0}.earn-hero>p{max-width:720px;margin:0;color:#68757e;font:500 13px/1.65 Manrope,Arial,sans-serif}.earn-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.earn-kpis article{min-height:72px;padding:14px 16px;border:1px solid #dce5e5;border-radius:10px;background:rgba(255,255,255,.78)}.earn-kpis span,.earn-kpis b{display:block}.earn-kpis span{color:#718087;font:500 10px 'DM Mono',monospace}.earn-kpis b{margin-top:7px;font:700 18px Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}.earn-table{padding:18px}.earn-table>header,.earn-row{display:grid;grid-template-columns:1.6fr .8fr .9fr .75fr 1.45fr .8fr;gap:16px;align-items:center}.earn-table>header{padding:0 14px 12px;color:#718087;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.earn-row{min-height:96px;padding:14px;border-top:1px solid #eef1f1}.earn-row b,.earn-row strong{display:block;font:700 13px Manrope,Arial,sans-serif}.earn-row span,.earn-row small,.earn-row time{display:block;margin-top:4px;color:#68757e;font:500 11px/1.35 Manrope,Arial,sans-serif}.earn-row small{color:#87939a}.earn-apy>b{color:#7659ed;font:600 20px 'DM Mono',monospace}.earn-base>b,.earn-tvl>b{font:600 13px 'DM Mono',monospace}.earn-risk{padding-left:10px;border-left:2px solid #a68dff}.earn-risk.low{border-color:#1d9b73}.earn-risk.medium{border-color:#c2902e}.earn-risk.high{border-color:#cf5c73}.earn-source a{color:#7659ed;font:700 11px Manrope,Arial,sans-serif;text-decoration:none}.earn-source time{font:500 9px 'DM Mono',monospace}.earn-method{margin:0 18px 20px;padding:18px 20px;border-radius:10px;background:#f4f1ff}.earn-method p{margin:7px 0 0;color:#68757e;font:500 12px/1.55 Manrope,Arial,sans-serif}.earn-empty{margin:36px;padding:40px;border:1px dashed #d8d0ef;border-radius:14px;text-align:center;background:#fbfaff}.earn-empty h2{margin:0;font:700 22px Manrope,Arial,sans-serif;letter-spacing:-1px}.earn-empty p{max-width:520px;margin:10px auto;color:#68757e;font:500 14px/1.6 Manrope,Arial,sans-serif}.earn-empty small{color:#87939a;font:500 11px/1.5 Manrope,Arial,sans-serif}@media(max-width:850px){.earn-page{padding:94px 20px 36px}.earn-hero{padding:30px 24px}.earn-kpis{grid-template-columns:repeat(2,1fr)}.earn-table{overflow-x:auto}.earn-table>header,.earn-row{width:900px}.earn-empty{margin:22px;padding:30px 20px}}@media(max-width:500px){.earn-kpis{grid-template-columns:1fr}.earn-hero h1{font-size:32px}}
.exchange-section{margin:18px;border-top:1px solid #e5e0ef;padding:32px 0 0}.exchange-head{padding:0 22px}.exchange-head>div>span{color:#7659ed;font:500 10px 'DM Mono',monospace;letter-spacing:1.1px;text-transform:uppercase}.exchange-head h2{margin:8px 0 4px;font:700 28px Manrope,Arial,sans-serif;letter-spacing:-1.4px}.exchange-head p{margin:0;color:#68757e;font:500 12px Manrope,Arial,sans-serif}.exchange-sources{margin:22px;padding:16px;border-radius:10px;background:#f7f9fa}.exchange-sources>b{font:700 12px Manrope,Arial,sans-serif}.exchange-sources ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none}.exchange-sources li{min-height:53px;padding:9px;border:1px solid #dce5e5;border-radius:9px;background:#fff}.exchange-sources li b{font:700 11px Manrope,Arial,sans-serif}.exchange-sources li span{display:inline-block;margin-left:5px;color:#718087;font:500 9px Manrope,Arial,sans-serif}.exchange-sources li.connected span{color:#1d9b73}.exchange-sources li.credentials_required span{color:#a0761e}.exchange-sources li small{display:block;max-width:100%;margin-top:4px;color:#87939a;font:500 9px/1.25 Manrope,Arial,sans-serif}.exchange-table{padding:0 18px 18px;overflow-x:auto}.exchange-table>header,.exchange-row{display:grid;grid-template-columns:.8fr 1.5fr .65fr .75fr .85fr .85fr;gap:14px;align-items:center;min-width:850px}.exchange-table>header{padding:0 12px 10px;color:#718087;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.exchange-row{min-height:73px;padding:12px;border-top:1px solid #eef1f1}.exchange-row b{font:700 12px Manrope,Arial,sans-serif}.exchange-row small{display:block;margin-top:3px;color:#68757e;font:500 10px/1.3 Manrope,Arial,sans-serif}.exchange-apy{color:#7659ed;font:600 17px 'DM Mono',monospace}.exchange-row a{display:block;margin-top:5px;color:#7659ed;font:700 10px Manrope,Arial,sans-serif;text-decoration:none}.exchange-none{padding:24px;text-align:center;color:#68757e;font:500 13px Manrope,Arial,sans-serif}@media(max-width:850px){.exchange-sources ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.exchange-sources ul{grid-template-columns:1fr}}
