.mattock-about {
	// Timeline connector styles
	.timeline-connector {
		position: absolute;
		left: 32px;
		top: 80px;
		width: 2px;
		height: 100%;
		background: linear-gradient(to bottom, #3b82f6, #10b981);
		z-index: 1;
	}
	
	.timeline-item:last-child .timeline-connector {
		display: none;
	}
	
	// Timeline hover effects
	.timeline-item.hover-active {
		transform: translateX(10px);
		transition: transform 0.3s ease;
	}
	
	.timeline-item.hover-active .timeline-connector {
		background: linear-gradient(to bottom, #1e3a8a, #059669);
	}
	
	// Enhanced hover lift effect
	.hover-lift {
		transition: all 0.3s ease;
	}
	
	.hover-lift:hover {
		transform: translateY(-8px);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	}
	
	// Enhanced gradient accent background
	.gradient-bg-accent {
		background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
	}
	
	// Additional form input focus styles
	.form-input:focus {
		transform: translateY(-2px);
		box-shadow: 0 10px 20px rgba(59, 130, 246, 0.2);
	}
	
	// Animation for success metrics cards
	.metric-card {
		position: relative;
		overflow: hidden;
	}
	
	.metric-card::before {
		content: '';
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
		transform: rotate(45deg);
		transition: all 0.6s ease;
		opacity: 0;
	}
	
	.metric-card:hover::before {
		opacity: 1;
		transform: rotate(45deg) translateX(100%);
	}
	
	// Enhanced mobile responsiveness
	@media (max-width: 768px) {
		.timeline-item {
			margin-left: 0;
		}
		
		.timeline-connector {
			display: none;
		}
		
		.hover-lift:hover {
			transform: translateY(-4px);
		}
	}
}