@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap");:root{--bg:#07090d;--surface:#0d1118;--surface2:#111722;--surface3:#171e2a;--border:rgba(255,255,255,.08);--text:#f5f7fb;--muted:#8c96a8;--accent:#8b7cff;--green:#6ee7c7;--danger:#ff6b7a;--shadow:0 24px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font-family:DM Sans,sans-serif;background:radial-gradient(circle at 50% -20%,rgba(139,124,255,.12),transparent 36rem),var(--bg);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,monospace}.header{height:76px;border-bottom:1px solid var(--border);padding:0 28px;gap:28px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(7,9,13,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.header{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#5c4df0);box-shadow:0 8px 30px rgba(139,124,255,.25)}.desktop-nav{display:flex;gap:4px;flex:1 1}.nav-link{display:flex;align-items:center;gap:8px;color:var(--muted);padding:10px 13px;border-radius:10px;font-size:14px}.nav-link:hover{background:var(--surface2);color:var(--text)}.header-actions{display:flex;gap:8px;align-items:center}.icon-button,.menu-button,.network,.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 13px}.primary,.wallet-button{border:0;background:var(--accent);color:white;border-radius:12px;padding:11px 15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button{padding:10px}.menu-button,.mobile-nav{display:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.hero{padding:105px 0 70px;text-align:center}.eyebrow{color:var(--accent-2);font-size:11px;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero h1 span{color:#aaa5ff}.hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:20px;background:rgba(13,17,24,.7);overflow:hidden}.metric{padding:25px;border-right:1px solid var(--border)}.metric:last-child{border:0}.metric strong{display:block;font-size:25px}.metric span,.muted{display:block;color:var(--muted);font-size:13px;margin-top:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;padding:70px 0}.card-tabs,.empty-card,.feature,.form-card,.input-box,.portfolio-hero,.quote-box,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px}.feature{padding:28px}.feature-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 25px var(--accent)}.feature h2{margin:45px 0 8px}.empty-card p,.feature p,.page-head p{color:var(--muted);line-height:1.55}.page{padding:55px 0 90px}.page.narrow{max-width:760px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-head h1{font-size:38px;letter-spacing:-.035em;margin:7px 0}.trade-layout{display:grid;grid-template-columns:440px 1fr;grid-gap:18px;gap:18px;align-items:start}.chart-card,.swap-card{background:rgba(13,17,24,.86);border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.card-tabs{display:flex;padding:4px;margin-bottom:12px}.card-tabs span{flex:1 1;text-align:center;padding:9px;color:var(--muted);font-size:14px}.card-tabs .active{background:var(--surface3);color:var(--text);border-radius:11px}.input-box{padding:14px;margin-bottom:8px}.input-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.input-row{display:flex;align-items:center;gap:8px;margin:9px 0}.input-row input{min-width:0;flex:1 1;background:none;border:0;outline:0;color:var(--text);font-size:28px}.input-box small{color:var(--muted)}.token-button{background:var(--surface3);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:13px;display:flex;align-items:center;gap:7px;font-weight:600}.pair-icons,.token-icon{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:#252d3b;font-size:11px}.switch{display:grid;place-items:center;width:34px;height:34px;margin:-20px auto -3px;position:relative;z-index:2;background:var(--surface3);border:5px solid var(--surface);color:var(--text);border-radius:50%}.quote-box{padding:13px;margin:12px 0}.quote-box div{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.quote-box span{color:var(--muted)}.wide{width:100%}.chart-card{min-height:520px}.chart-head{display:flex;justify-content:space-between;align-items:center}.chart-head h2{margin:4px 0;font-size:27px}.timeframes{display:flex;gap:3px}.timeframes button{background:none;border:0;color:var(--muted);font-size:11px;padding:7px}.chart-placeholder{height:420px;margin-top:15px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:48px 48px}.chart-line{position:absolute;inset:50px 10px 70px;-webkit-clip-path:polygon(0 80%,8% 72%,15% 76%,23% 45%,30% 52%,38% 35%,47% 43%,55% 20%,63% 28%,72% 14%,80% 25%,90% 9%,100% 15%,100% 18%,90% 12%,80% 30%,72% 19%,63% 33%,55% 25%,47% 48%,38% 40%,30% 57%,23% 50%,15% 81%,8% 77%,0 85%);clip-path:polygon(0 80%,8% 72%,15% 76%,23% 45%,30% 52%,38% 35%,47% 43%,55% 20%,63% 28%,72% 14%,80% 25%,90% 9%,100% 15%,100% 18%,90% 12%,80% 30%,72% 19%,63% 33%,55% 25%,47% 48%,38% 40%,30% 57%,23% 50%,15% 81%,8% 77%,0 85%);background:var(--accent);opacity:.45}.toolbar{display:flex;gap:8px;margin-bottom:14px}.toolbar input{flex:1 1;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 14px;outline:0}.table-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;align-items:center;padding:17px 20px}.table-head{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.table-head,.table-row{border-bottom:1px solid var(--border)}.table-row{font-size:14px}.table-row:last-child{border:0}.table-row strong{display:flex;align-items:center;gap:10px}.empty-row{text-align:center;color:var(--muted);padding:45px}.empty-card{text-align:center;padding:70px 30px}.empty-icon{font-size:38px;color:var(--accent);margin-bottom:10px}.form-card{padding:22px}.form-card label{display:block;color:var(--muted);font-size:12px;margin:18px 0 8px}.pair-select{display:flex;align-items:center;gap:8px}.pair-select button{flex:1 1;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px;text-align:left}.fee-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.fee-grid button{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px;text-align:left}.fee-grid .selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.fee-grid small{display:block;color:var(--muted);margin-top:4px}.range-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.deposit div,.range-box div{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:13px}.range-box span{display:block;color:var(--muted);font-size:11px}.range-box strong{display:block;margin-top:8px}.deposit{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.deposit div{display:flex;justify-content:space-between;gap:10px}.deposit input{width:50%;background:none;border:0;outline:0;color:var(--text);text-align:right}.summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:16px 0;color:var(--muted);font-size:13px}.summary strong{color:var(--text);text-align:right}.portfolio-hero{padding:28px;margin-bottom:18px}.portfolio-hero span{color:var(--muted);font-size:13px}.portfolio-hero strong{display:block;font-size:45px;letter-spacing:-.04em;margin:5px 0}.portfolio-change{color:var(--muted);font-size:13px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.stat-card{padding:22px}.stat-card small,.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:28px;margin:15px 0 5px}.chart-card.large{min-height:460px}.chart-card.large .chart-placeholder{height:340px}.chart-bars{position:absolute;inset:90px 30px 40px;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(139,124,255,.2) 35px 55px);-webkit-clip-path:polygon(0 80%,5% 72%,10% 76%,15% 50%,20% 62%,25% 40%,30% 48%,35% 28%,40% 52%,45% 34%,50% 45%,55% 22%,60% 37%,65% 29%,70% 42%,75% 17%,80% 25%,85% 18%,90% 30%,95% 10%,100% 22%,100% 100%,0 100%);clip-path:polygon(0 80%,5% 72%,10% 76%,15% 50%,20% 62%,25% 40%,30% 48%,35% 28%,40% 52%,45% 34%,50% 45%,55% 22%,60% 37%,65% 29%,70% 42%,75% 17%,80% 25%,85% 18%,90% 30%,95% 10%,100% 22%,100% 100%,0 100%)}@media(max-width:900px){.desktop-nav,.header .icon-button,.network{display:none}.menu-button{display:grid}.header{padding:0 16px}.header-actions{margin-left:auto}.mobile-nav{display:flex;position:fixed;top:76px;left:0;right:0;z-index:19;background:var(--surface);border-bottom:1px solid var(--border);padding:10px 16px;flex-direction:column}.mobile-nav a{padding:13px;display:flex;gap:10px;color:var(--muted)}.trade-layout{grid-template-columns:1fr}.chart-card{min-height:400px}.analytics-grid,.feature-grid,.metrics{grid-template-columns:1fr 1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr 1fr;padding:16px}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}}@media(max-width:600px){.container{width:min(100% - 24px,1160px)}.hero{padding:75px 0 45px}.hero h1{font-size:48px}.hero p{font-size:16px}.analytics-grid,.feature-grid,.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--border)}.feature-grid{padding:40px 0}.page{padding:35px 0 70px}.page-head h1{font-size:31px}.header .wallet-button{font-size:12px;padding:10px}.fee-grid{grid-template-columns:1fr 1fr}.deposit,.range-box{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr}.table-row span:last-child{display:none}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}}.chain-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center;margin-bottom:14px}.chain-row select{background:#0d1118;color:inherit;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.wallet-actions{display:flex;gap:8px;align-items:center}.secondary{border:1px solid rgba(255,255,255,.12);background:#111720;color:inherit;border-radius:12px;padding:10px 12px}.notice{margin:12px 0;padding:12px;border-radius:12px;background:rgba(255,180,80,.08);border:1px solid rgba(255,180,80,.18);font-size:13px;word-break:break-word}.chart-caption{position:absolute;left:20px;bottom:20px;font-size:12px;color:#8b95a7}