/*    30. ENHANCED SECTION DIVIDERS
   ------------------------------------------- */
.section-divider {
	width: 80px;
	height: 3px;
	background: linear-gradient(90deg, var(--color-accent), var(--color-purple-light));
	border-radius: 2px;
	margin: 0 auto var(--space-xl);
}

.section-divider-left {
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, var(--color-accent), var(--color-purple-light));
	border-radius: 2px;
	margin: 0 0 var(--space-lg);
}

/* Gradient border top for alternating sections */
.section-border-top {
	position: relative;
}

.section-border-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--color-accent), var(--color-purple-light), transparent);
	opacity: 0.3;
}