.mattock-download {
	// Download page specific styles
	.download-card {
		transition: all 0.3s ease;
		
		&:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
			
			.card-icon {
				transform: scale(1.1) rotate(5deg);
			}
		}
	}
	
	.card-icon {
		transition: transform 0.3s ease;
	}
	
	// Progress tracker styles
	.progress-step {
		position: relative;
		
		&::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 100%;
			width: 95%;
			height: 2px;
			background: #e5e7eb;
			transform: translateY(-50%);
		}
		
		&.active::after {
			background: linear-gradient(90deg, #3b82f6 0%, #e5e7eb 100%);
		}
		
		&.completed::after {
			background: #3b82f6;
		}
		
		&:last-child::after {
			display: none;
		}
	}
	
	// Custom animations
	@keyframes slideInRight {
		0% {
			opacity: 0;
			transform: translateX(-30px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	
	.animate-slide-in-right {
		animation: slideInRight 0.6s ease-out;
	}
	
	// Custom scrollbar
	.custom-scrollbar::-webkit-scrollbar {
		width: 8px;
	}
	
	.custom-scrollbar::-webkit-scrollbar-track {
		background: #f3f4f6;
		border-radius: 4px;
	}
	
	.custom-scrollbar::-webkit-scrollbar-thumb {
		background: #d1d5db;
		border-radius: 4px;
	}
	
	.custom-scrollbar::-webkit-scrollbar-thumb:hover {
		background: #9ca3af;
	}
	
	.hover\:bg-primary:hover {
		cursor: pointer;
		--tw-bg-opacity: 1;
		background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
	}
	
	.hover\:text-white:hover {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}
}