*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#07070b;color:#f6f6f8}body{overflow-x:hidden}.bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(126,87,255,.18),transparent 34%),radial-gradient(circle at 85% 15%,rgba(0,214,170,.10),transparent 30%)}.topbar{position:sticky;top:0;z-index:20;height:70px;border-bottom:1px solid #202027;background:rgba(7,7,11,.82);backdrop-filter:blur(18px);display:flex;align-items:center;gap:28px;padding:0 5vw}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:19px}.logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#5b21b6);box-shadow:0 8px 30px rgba(124,58,237,.35)}nav{display:flex;gap:5px;flex:1}.nav-btn,.connect,.secondary{border:1px solid #282831;background:#101016;color:#c7c7cf;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.nav-btn.active{color:#fff;background:#1a1724;border-color:#3a304c}.connect{background:#fff;color:#09090b;border-color:#fff}.hero{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:82px 24px 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#9b7cff;margin-bottom:12px}.hero h1{font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-.06em;margin:0}.hero h1 span{color:#9c7cff}.hero p{max-width:650px;color:#9b9ba7;font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:26px}.primary{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(135deg,#9b7cff,#6d43e8);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(109,67,232,.22)}.secondary{padding:12px 17px}.wallet-status{margin-top:14px;font-size:12px;color:#777783}.hero-card{border:1px solid #272731;border-radius:22px;background:linear-gradient(180deg,#111118,#0c0c11);padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.card-label{font-size:10px;color:#70707a;letter-spacing:.15em;font-weight:900}.network{margin-top:8px;font-size:22px;font-weight:800}.network i{display:inline-block;width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55e;margin-right:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.stats div{border-top:1px solid #25252d;padding-top:14px}.stats b{display:block;font-size:22px}.stats span{font-size:11px;color:#74747d}.toolbar{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.toolbar h2{margin:0;font-size:25px}.toolbar p{margin:5px 0 0;color:#73737e;font-size:13px}.search{border:1px solid #292930;border-radius:10px;background:#101016;padding:0 12px;display:flex;align-items:center;width:300px}.search span{color:#777}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:11px}.grid{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.token{border:1px solid #25252d;background:#101016;border-radius:16px;overflow:hidden;transition:.18s}.token:hover{transform:translateY(-2px);border-color:#3b3450}.token-img{height:150px;width:100%;object-fit:cover;background:#19191f}.token-body{padding:15px}.token-top{display:flex;justify-content:space-between;gap:8px}.token-name{font-weight:900}.symbol{color:#777782;font-size:11px;margin-top:3px}.badge{font-size:10px;color:#b9a8ff;background:#211a37;border:1px solid #3c2d60;border-radius:999px;padding:5px 7px;height:max-content}.curve{height:5px;background:#25252d;border-radius:99px;overflow:hidden;margin:15px 0 8px}.curve i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);width:var(--p)}.meta{display:flex;justify-content:space-between;color:#777782;font-size:10px}.trade-row{display:flex;gap:7px;margin-top:13px}.trade-row button{flex:1;border:1px solid #2c2c35;background:#15151c;color:#fff;border-radius:9px;padding:9px;font-weight:800;cursor:pointer}.notice{position:relative;z-index:1;max-width:1200px;margin:0 auto 50px;padding:15px 18px;border:1px solid #3b3420;background:#17140c;border-radius:12px;color:#c9c1ad;font-size:12px;display:flex;gap:12px}.notice b{color:#f4c96a;white-space:nowrap}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(460px,calc(100% - 30px));background:#101016;border:1px solid #30303a;border-radius:18px;padding:25px;box-shadow:0 30px 100px #000}.close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#888;font-size:26px;cursor:pointer}.modal-card h2{margin:0 0 7px}.muted{color:#777783;font-size:12px;line-height:1.5}.modal-card label{display:block;color:#aaaab4;font-size:11px;font-weight:800;margin-top:14px}.modal-card input,.modal-card textarea{display:block;width:100%;margin-top:6px;background:#09090e;border:1px solid #292931;color:#fff;border-radius:9px;padding:11px;outline:0}.modal-card textarea{min-height:80px;resize:vertical}.full{width:100%;margin-top:18px}.form-msg{min-height:18px;margin-top:10px;color:#888;font-size:11px}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 4px}.trade{border:1px solid #2b2b34;background:#15151c;color:#999;padding:10px;border-radius:8px;cursor:pointer;font-weight:800}.trade.active{color:#fff;border-color:#7354c9;background:#241b3b}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px}.grid{grid-template-columns:repeat(2,1fr)}nav{display:none}.topbar{justify-content:space-between}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{padding-left:18px;padding-right:18px}.toolbar,.grid{padding-left:18px;padding-right:18px}.hero h1{font-size:48px}.notice{margin-left:18px;margin-right:18px;display:block}.notice span{display:block;margin-top:5px}}

.wallet-modal-card{max-width:460px}
.wallet-list{display:grid;gap:10px;margin:18px 0 4px}
.wallet-option{width:100%;display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid #292633;border-radius:14px;background:#111016;color:#fff;text-align:left;cursor:pointer;transition:.18s ease}
.wallet-option:hover{border-color:#7c4dff;transform:translateY(-1px);background:#17131f}
.wallet-option.not-installed{opacity:.55}
.wallet-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#1c1825;font-size:23px}
.wallet-copy{display:flex;flex:1;flex-direction:column;gap:3px}
.wallet-copy b{font-size:15px}
.wallet-copy small{font-size:12px;color:#8e899b}
.wallet-arrow{font-size:27px;color:#777181}