:root {
	--bg-body: #0b0e11;
	--bg-card: #1e2329;
	--binance-yellow: #FCD535;
	--whatsapp-green: #25D366;
	--text-gray: #848e9c;
	--accent-glow: rgba(252, 213, 53, 0.15);
}

body {
	background-color: var(--bg-body);
	color: #eaecef;
	font-family: 'Segoe UI', Roboto, sans-serif;
	overflow-x: hidden;
}

@keyframes pulse-green {
	0% { transform: scale(0.98); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
	70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
	100% { transform: scale(0.98); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.btn-whatsapp {
	background-color: var(--whatsapp-green);
	color: white !important;
	border-radius: 50px;
	padding: 15px 40px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	animation: pulse-green 2s infinite;
	border: none;
	transition: 0.3s;
}

.btn-whatsapp:hover { opacity: 0.9; transform: translateY(-3px); }

.glass-card {
	background: var(--bg-card);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 2.5rem;
	height: 100%;
}

.hero-section {
	background-image: url('../img/bg1.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 60px 0;
}
.hero-section::before {
	content: '';
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(11, 14, 17, 0.9);
	/* backdrop-filter: blur(6px); */
	z-index: 1;
}
.hero-content { position: relative; z-index: 2; }

.table-custom {
	background: var(--bg-card);
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.table-custom th { background: #2b3139; color: var(--text-gray); border: none; padding: 18px; }
.table-custom td { padding: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.feature-item {
	background: var(--bg-card);
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.05);
	transition: 0.3s;
}
.feature-item:hover { border-color: var(--binance-yellow); transform: translateY(-5px); }
.feature-caption { padding: 15px; text-align: center; font-weight: 600; font-size: 0.95rem; }

.section-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(252, 213, 53, 0.3), transparent);
	margin: 4rem 0;
}

.footer-cta-box {
	background: linear-gradient(135deg, #1e2329 0%, #0b0e11 100%);
	border: 1px solid var(--binance-yellow);
	border-radius: 20px;
	padding: 40px;
}

.full-width-img {
	border-radius: 16px;
	/* border: 1px solid rgba(255, 255, 255, 0.1); */
	width: 100%;
	display: block;
	transition: border-color 0.3s;
}
.full-width-img:hover { border-color: var(--binance-yellow); }

.partner-img {
	width: 100%;
	border-radius: 16px;
	border: 2px solid var(--binance-yellow);
}

.section-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(252, 213, 53, 0.3), transparent);
	margin: 4rem 0;
}

.whatsapp-sticky {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
	height: 70px;
	background-color: var(--whatsapp-green);
	color: white !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	z-index: 9999;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	transition: all 0.3s ease;
	text-decoration: none;
}

@keyframes sticky-glow {
	0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
	70% { box-shadow: 0 0 0 22px rgba(37, 211, 102, 0); }
	100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.whatsapp-sticky { animation: sticky-glow 2s infinite; }
.whatsapp-sticky:hover { transform: scale(1.1) translateY(-5px); color: #fff; }