#page-wrapper {
	margin-left: 2rem;
	margin-right: 2rem;
}	
#pools { 
	padding: 6rem 0rem 0 0;
	margin-bottom: 3rem;
}
#pools h2, #pools p { 
	text-align: center; 
}
#pools p { 
	max-width: 920px;
	margin: 1rem auto 0;
	color: #bbc2cc; 
}
.hero-features { 
	display: grid;
	grid-template-columns: repeat(3, minmax(220px, 1fr)); 
	gap: 1rem; 
	margin: 2rem 0 0; 
}
.feature-card { 
	background: rgba(255,255,255,.04); 
	border: 1px solid rgba(255,255,255,.08); 
	border-radius: 1.25rem; 
	padding: 1.25rem 1.5rem; 
	box-shadow: 0 24px 60px rgba(0,0,0,.12); 
}
.feature-card h3 { 
	margin: .75rem 0 .5rem; 
	font-size: 1.08rem; 
}
.feature-card p { 
	color: #bbc2cc; 
	line-height: 1.7; 
}
.feature-card i { 
	color: rgba(29, 185, 84, 0.15); 
	font-size: 1.7rem; 
}
.wrapper { 
	background: rgba(0,0,0,.3);
	border-radius: 1.2rem; 
	padding: 2rem 0; 
	position: relative; 
	overflow: hidden; 
}
.wrapper::before { 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	height: 2px; 
	background: linear-gradient(90deg, transparent, rgba(29,185,84,.5) 50%, transparent); 
}
.wrapper::after { 
	content: ''; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	height: 2px; 
	background: linear-gradient(90deg, transparent, rgba(29,185,84,.35) 50%, transparent); 
}
.mining-pools { 
	margin-left: 2rem; 
	color: #eef2f7;
}	
.pool-search { 
	display:flex; 
	justify-content: flex-end;
	flex-wrap:wrap; 
	gap:1rem; align-items:center; 
	margin:2rem 2rem 2rem 2rem; 
}
.pool-search input {  
	min-width:0; 
	padding:.95rem 1rem; 
	border-radius:1rem; 
	border:1px solid rgba(255,255,255,.16); 
	background:rgba(255,255,255,.08); 
	color:inherit; font-size:1rem; 
	transition:border-color .25s ease, box-shadow .25s ease; 
}
.pool-search input:focus { 
	border-color: rgba(29, 185, 84, 0.15); 
	outline:none; 
	box-shadow:0 0 0 3px rgba(29,185,84,.12); 
}
.pool-search label { 
	font-weight:600; 
	margin:0rem; 
	white-space:nowrap; 
	color: #eef2f7; 
}
.all-pools-table { 
	overflow-x: visible; 
	display: flex; 
	justify-content: center;
}
.card { 
	background: rgba(8,13,18,.92); 
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 1.6rem; 
}
.table-responsive {  
	border-radius: 1.2rem; 
	padding: 2rem; 
	box-shadow: 0 18px 45px rgba(0,0,0,.18); 
	overflow-x: visible; 
}
.hide-row { 
	display:none !important; 
}
.sr-only { 
	position:absolute; 
	width:1px; 
	height:1px; 
	padding:0; 
	margin:-1px; 
	overflow:hidden; 
	clip:rect(0,0,0,0); 
	white-space:nowrap; 
	border:0; 
}
.pool-grid { 
	display:flex; 
	flex-direction:column; 
	gap: 0.75rem; 
}
.pool-grid-header { 
	display:none; 
	gap: 1rem; 
	margin-bottom: 1rem; 
	padding: 0.95rem 1rem; 
	border-radius: 1rem; 
	background: rgba(255,255,255,.04); 
	color: #bbc2cc; 
	font-size: 0.88rem; 
	text-transform: uppercase; 
	letter-spacing: .03em; 
}
.pool-grid-header span { 
	flex: 1 1 0; 
}
.pool-card { 
	background: rgba(255,255,255,.05); 
	border:1px solid rgba(255,255,255,.1); 
	border-radius:1.4rem; 
	padding:1.2rem; 
	display:flex; 
	flex-direction:column; 
	gap:1rem; 
	transition: transform .2s ease, background .2s ease; 
}
.pool-card:hover { 
	transform: translateY(-1px); 
	background: rgba(255,255,255,.1); 
}
.card-header { 
	display:flex; 
	align-items:center; 
	gap:1rem; 
}
.card-header a { 
	display:inline-flex; 
	align-items:center; 
	justify-content:center; 
	width:3rem; 
	height:3rem; 
	background: rgba(29,185,84,.12); 
	border-radius:1rem; 
}
.card-header .pool-algo { 
	color: rgba(16, 231, 92, 0.712); 
	font-size: 1rem; 
	margin-top: .35rem; 
	font-weight: bold; 
}
.pool-stats { 
	display:flex; 
	flex-wrap:wrap; 
	gap:.9rem; 
}
.pool-stats .stat-item { 
	background: rgba(0,0,0,.18); 
	border-radius:1rem; 
	padding:.9rem 1rem; 
	flex: 1 1 140px; 
	min-width: 140px; 
}
.pool-stats .stat-label { 
	display:block; 
	color: #bbc2cc; 
	font-size:.82rem; 
	margin-bottom:.35rem; 
}
.pool-stats .stat-algo { 
	flex: 1 1 100%; 
}

@media (max-width:1024px) { 
	.hero-features { 
		grid-template-columns: repeat(2, minmax(220px, 1fr)); 
	} 
}

@media (max-width:736px) { 
	.hero-features, .pool-search { 
		flex-direction:column; 
		grid-template-columns: 1fr; 
	} 
	.table { 
		min-width: auto; 
	} 
}

@media (min-width:900px) {
	.pool-grid-header { 
		display:flex; 
	}
	.pool-card { 
		background: transparent; 
		border-color: transparent transparent rgba(255,255,255,.08) transparent; 
		border-radius: .9rem; 
		padding: .95rem 1rem; 
	}
	.pool-card:hover { 
		transform: none;
		background: rgba(255,255,255,.03); 
	}
	.pool-card:last-child { 
		border-bottom: none; 
	}
	.pool-card { 
		flex-direction:row; 
		align-items:center; 
	}
	.card-header { 
		flex-direction:column; 
		align-items:flex-start; 
		justify-content:center; 
		flex: 0 0 320px; 
		min-width: 260px; 
	}
	.pool-card .pool-stats {
		flex: 1 1 auto; 
		gap:.8rem; 
	}
}
@media (max-width:900px) {
	.pool-grid-header { 
		display:none;
	} 
}