body,html{margin:0;padding:0;height:100%;font-family:'Inter',sans-serif;overflow-x:hidden;background:#f5f5f5;color:#111;}
#bg-canvas{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;}
.header{display:flex;align-items:center;gap:10px;padding:20px;}
.token-logo{width:60px;height:60px;object-fit:cover;border-radius:8px;}
.site-title{font-size:20px;font-weight:700;margin:0;}
.layout{display:flex;gap:30px;align-items:flex-start;justify-content:center;flex-wrap:wrap;padding:20px;}
.left-col{flex:1;min-width:320px;display:flex;flex-direction:column;gap:20px;}
.dex-block,.token-info{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.live-rect{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;
  aspect-ratio:6/3;background:#fff;border-radius:12px;padding:12px;}
.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #eee;
  border-radius:6px;padding:8px;background:#fafafa;}
.metric .label{font-size:11px;color:#555;}
.metric .value{font-weight:700;font-size:14px;color:#000;}
.token-info h2{margin:0 0 8px;font-size:16px;}
.token-info p{font-size:13px;color:#444;line-height:1.5;}
.info-banner{max-width:100%;border-radius:8px;}
.right-col{flex:1;min-width:260px;display:flex;flex-direction:column;gap:14px;padding:10px;}
.right-col h2{margin:0;font-size:27px;}
.right-col p{font-size:18px;color:#333;line-height:1.5;}
.buttons{display:flex;gap:10px;margin-top:10px;}
.btn{background:#111;color:#fff;padding:18px 30px;border-radius:6px;text-decoration:none;font-size:15px; flex: 1; text-align: center; width: 80%;}
.btn.secondary{background:#555;}
.footer{text-align:center;color:#777;font-size:12px;padding:20px;margin-top:20px;}
.layout {
  display: flex;
  align-items: stretch; /* колонки одинаковой высоты */
  gap: 30px;
}

.left-col{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /* контент по центру */
}
.right-col {
  
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /* контент по центру */
}
.right-card{
  border-radius: 12px;
  padding: 16px;
  background: #fff;
 
}
#slog{
  font-size: 40px !important;
}