
:root{
  --bg:#0b111b;
  --card:#111827;
  --muted:#9ca3af;
  --text:#e5e7eb;
  --accent:#7c3aed; /* purple */
  --accent2:#06b6d4; /* cyan */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;line-height:1.5}

a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(11,17,27,.85);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.site-title{color:#fff;font-weight:700;font-size:20px}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:28px;line-height:1;padding:6px 8px;cursor:pointer}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.primary-nav a{display:block;color:#fff;padding:10px 8px;border-radius:10px}
.primary-nav a:hover{background:rgba(255,255,255,.08)}

.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;margin-top:40px;color:var(--muted)}

.content-inner{padding:24px 0}
.entry{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin:0 0 16px}
.entry-title a{color:#fff}
.entry-meta{color:var(--muted);font-size:14px;margin-bottom:8px}

.home-sections{padding:24px 0}
.hero{background:linear-gradient(135deg, rgba(124,58,237,.25), rgba(6,182,212,.2));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}
.hero h1{margin:0 0 8px}
.pair-search{display:flex;gap:8px;margin-top:12px}
.pair-search input{flex:1;min-width:0;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f172a;color:#fff;padding:10px 12px}
.pair-search button{border:0;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}
.pair-search button:hover{filter:brightness(1.05)}

.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.card h2{margin:0 0 8px}

.dexloader-wrap{padding:0}
.dexloader-title{margin:0 0 8px}
.dexloader-table{font-size:14px}

@media (max-width: 900px){
  .grid.two{grid-template-columns:1fr}
}


@media (max-width: 480px){
  .site-header .site-header .brand img{ height:44px; }
}
