/* ZCE About Page Styles */
.zce-about {
	max-width: 1040px;
	margin: 48px auto;
	padding: 20px 24px;
	position: relative;
}
.zce-about:before{
	content: "";
	position: absolute; inset: -80px 0 auto 0; height: 220px;
	background: radial-gradient(1200px 220px at 50% 0, rgba(64,150,255,.08), transparent 60%);
	pointer-events: none;
}
.zce-about .hero {
	text-align: center;
	margin-bottom: 32px;
}
.zce-about .hero h1 {
	font-size: 42px;
	margin: 0 0 10px;
	line-height: 1.2;
	background: linear-gradient(90deg, var(--theme-color,#4e8ef7), #8a6cff);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.zce-about .hero p {
	color: var(--muted-2-color,#777);
	font-size: 15px;
}
.zce-about .grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}
@media (min-width: 768px){
	.zce-about .grid { grid-template-columns: 1fr 1fr; gap: 20px; }
}
.zce-card {
	background: var(--main-bg-color,#fff);
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 14px;
	box-shadow: 0 6px 24px rgba(0,0,0,0.06);
	padding: 22px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.zce-card:hover{ box-shadow: 0 10px 30px rgba(0,0,0,.08); transform: translateY(-2px); }
.zce-disclaimer{
	border-left: 4px solid #ffb84d;
	background: linear-gradient(180deg, rgba(255,184,77,.08), transparent);
}
.zce-disclaimer h3{ display:flex; align-items:center; gap:8px; }
.zce-disclaimer h3:before{
	content: "!"; display:inline-flex; align-items:center; justify-content:center;
	width: 22px; height: 22px; border-radius: 50%;
	background:#ffb84d; color:#fff; font-weight:700;
}
.zce-card h3 { margin-top: 0; }
.zce-features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 480px){ .zce-features { grid-template-columns: 1fr; } }
.zce-muted { color: var(--muted-2-color,#999); }
.zce-inline-list { display: flex; flex-wrap: wrap; gap: 10px; }
.zce-badge {
	background: var(--muted-bg-color,#eee);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 12px;
}
.zce-cta { text-align: center; margin-top: 28px; }
.zce-cta .but { padding: 10px 16px; }

/* feature bullets */
.zce-features h4{ display:flex; align-items:center; gap:8px; margin:0 0 6px; }
.zce-features h4 svg{ width:18px; height:18px; color: var(--theme-color,#4e8ef7); fill: currentColor; }

/* list with check icon */
.zce-card ul{ padding-left: 0; list-style: none; }
.zce-card ul li{ position: relative; padding-left: 22px; margin: 6px 0; }
.zce-card ul li:before{
	content: ""; position:absolute; left:0; top:8px; width:12px; height:12px;
	border-radius: 50%; background: linear-gradient(180deg, var(--theme-color,#4e8ef7), #8a6cff);
}

/* compact rules card */
.zce-rules ul{ margin: 8px 0 0; }
.zce-rules ul li{ margin: 4px 0; line-height: 1.6; }

/* center stats */
.zce-stats{ text-align:center; display:flex; align-items:center; justify-content:center; min-height: 120px; }
.zce-stats p{ margin: 0; font-size: 16px; }
.zce-stats .num{ font-size: 28px; font-weight: 800; padding: 0 6px; background: linear-gradient(90deg, #4e8ef7, #8a6cff); -webkit-background-clip: text; background-clip: text; color: transparent; }